Adding Thumbnail Borders (Matrix)

Mr. B

Joined: 2005-10-09
Posts: 25
Posted: Wed, 2005-10-12 20:20

Even after searching the forum and browsing/modifying theme.css and album.tpl, I still haven't figured out how to add a simple 1px border to my thumbnails. I added the CSS code to the "giThumbnail" attribute but that doesn't work, which is more than somewhat perplexing. Does anyone know why that is so?

 
peter_k

Joined: 2005-09-15
Posts: 134
Posted: Thu, 2005-10-13 18:36

what theme are you using?

in matrix, you could try

     td.giAlbumCell img { border: ... ;}
 
Mr. B

Joined: 2005-10-09
Posts: 25
Posted: Thu, 2005-10-13 20:46

Thanks for posting... i'm afraid that didn't work... i tried some mild variations with no luck either.

 
peter_k

Joined: 2005-09-15
Posts: 134
Posted: Fri, 2005-10-14 08:08

what theme are you using?

 
Mr. B

Joined: 2005-10-09
Posts: 25
Posted: Fri, 2005-10-14 14:44

Matrix

 
peter_k

Joined: 2005-09-15
Posts: 134
Posted: Fri, 2005-10-14 16:28

this works:

#gallery td.giAlbumCell img, #gallery td.giItemCell img {
    border: 2px green solid;
}

you have to add the #gallery, because higher up in the CSS file, "#gallery img" is defined as {border: none;}
Since id's have higher value than classes, you have to add the #gallery id in your definition.

 
Mr. B

Joined: 2005-10-09
Posts: 25
Posted: Fri, 2005-10-14 17:31

Awesome, thanks much... I don't know why the hierarchy thing didn't occur to me when i first saw #gallery img {border-width: 0;}

 
santm
santm's picture

Joined: 2005-08-08
Posts: 40
Posted: Fri, 2005-10-28 16:04

I need help, this works for when there is no more children but when we have children it does not work as that time

<td class="giAlbumCell gcBackground1"   style="width: 33%">

compared to

<td class="giItemCell" style="width: 33%">

what will be the right css element for the same.

please help
-regards
S

 
peter_k

Joined: 2005-09-15
Posts: 134
Posted: Fri, 2005-10-28 17:04

To obtain the exact id or class name, install a dev toolbar in your browser.
you can find links for FF and IE6 here: http://gallery.menalto.com/node/39107#comment-145307