[Michaela]

Hi,
Please have a look at the following link: http://travelintense.com/publications/
At the very bottom of this page, in the “Magazines” section, there is a thumbnail that represents “AM The Aston Martin Magazine”. As you can see, it’s a little bit out of line compared to the other ones, probably as it does not have a link leading to a pdf or website like all the other pages.
What code do I need to apply to have them all show up in a perfectly symmetrical grid?
Also, how can I remove the grey border around the thumbnails?
Thanks a lot,
Michaela

[Mahesh]

@micha: Well due the HTML structure is causing the issue. I mean, all other are link and this one is not. Make it the same as other with link. You can put ‘#’ if it has no link to pdf. Hope you understand.
For removing border, go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

.gallery img {
    border: none !important;
}

Regards,
Mahesh

[Michaela]

Hi Mahesh,
Perfect. I just used # instead of a url in the link, and that put that one thumbnail in question back in line with the others.
The code to remove the border worked as well.
Thanks a lot!

[Author]

Posts