Adding a colored border to thumbnails

Posted in: Newspaper
Post count: 36

Hi is there a way to simply add a thin black border to the thumbnails on all (or selected) modules and blocks?

On the home page of my site, http://www.mondodr.com, certain pictures where there are white backgrounds would benefit from a border.

Thanks

Post count: 23312

Hi strawberrybase,

Please try the code below and you can add the border to the thumbnails. The code have to be put in custom CSS area like this: http://screencast.com/t/ZbSP6ldB

.td-module-thumb {
border: 1px solid black;
}

The result you can see here: http://screencast.com/t/lMqXo2v2

Hope this helps.

Thanks!

  • This reply was modified 10 years by Catalin.
Post count: 36

Thanks, that’s great

Post count: 36

Hi,

since i’ve added the css i’ve noticed that some thumbnail boxes are losing the border on the bottom edge. Can you think why this would be and what i might be able to do to fix this? Below is a link to my site.

http://www.mondialetest.co.uk/mondoarc/

Thanks

Post count: 23312

Hi strawberrybase,

I’ve checked your site and i saw your problem with thumbnails. You have to increase the height container with 1 px. Please try the code below in Theme panel->Custom Css area like this: http://screencast.com/t/bnY1XjkIO

.td_module_4 .td-module-thumb {
height: 236px;
}

The result should see here: http://screencast.com/t/Nz0FRw8VTdI

Thanks!

Post count: 36

Thanks Catalin,

would you have a similar css code for adding this additional pixel to block 6 as i have this in use on the front page of my site

http://www.mondialetest.co.uk/mondoarc/

Thanks

Post count: 23312

Hi strawberrybase,

Please try the code below which is valid for all the thumbnails in your site:

.td-container .td-module-thumb {
height: 236px;
}

Thanks!

Post count: 36

Thanks, that’s great.

Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newspaper’ is closed to new topics and replies.