How to Remove Thin Border around Photos Thumbnails

Does anyone know how to remove the thin border that’s around the Thumbnails that appear in the photo blocks, etc… ?

The option above would be preferred, but if not can one change the color to white so that it appear to be gone, how do I do that?

Thanks,
Zehn

Yes use Firefox with firebug you can find every code you need

Look in general.css of your template and find the concrete border class for the photos, it is easy cause it is commented

Thanks KillerHaai, I had been looking all over for a tool like this a couple of days ago, wonderful.

Thanks webMaster28, that was helpful indeed.

If anyone else wants to know exactly how I eliminated the border I went to the general.css file located in the templates/base/css directory, and for me on or around line 165 I found the following:


div.thumbnail_block img
{
border:1px solid #9B9A9A;
background-position:center;
background-repeat:no-repeat;


Changing the “border” to “0px” does the trick.  It will now look like this:


div.thumbnail_block img
{
border:0px solid #9B9A9A;
background-position:center;
background-repeat:no-repeat;



I’m a complete novice but it appeared to do it, anyone is free to correct me if I’m wrong.

Great thanks,
Zehn

Thank you Sammie,

This is a very useful tip indeed; I will certainly be adopting this practice.

I did not see the “div.thumbnail_block img” line in the “temp_uni/css” folder, I did find it in the “templates/base/css” folder and changed it there.  Hope that was the right thing to do.

I can’t believe the support in this forum, it’s great!
Thanks All
Zehn

Yeah I was thinking, after a while it might be cumbersome to comb through all the files and see what I changed, so keeping a record is another good and practical practice indeed.  Thanks for that additional tip.

I have been looking through the code for DAYS trying to find this. Thank you so much!!!