Modifying Thickbox Album

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
Muzzy

Modifying Thickbox Album

Post by Muzzy »

Hi.

I'm using the Thickbox template and style for the Album and have altered things well.
But I would like to get rid of the red boxy thing that appears at the bottom of the thumbnails (on hover).
I cannot find it anywhere, can anyone tell me where the css code is so that I can remove it please?

Thanks.
Mike.
tsw
Power Poster
Power Poster
Posts: 1408
Joined: Tue Dec 13, 2005 10:50 pm

Re: Modifying Thickbox Album

Post by tsw »

url would be nice but as a wild quess add border:0 to images and text-decoration:none to a tags around the images...
Muzzy

Re: Modifying Thickbox Album

Post by Muzzy »

Hi TSW.
tsw wrote: url would be nice
Sorry... Visit here http://www.19sixtyone.co.uk/cms/index.p ... ock_photos for new site.

Thanks.
Mike.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Modifying Thickbox Album

Post by Dr.CSS »

It's from this...


#content a:link { padding: 0 2px; border-bottom: 1px solid #999999; }

#content a:visited { padding: 0 2px; border-bottom: 1px solid #999999; }

#content a:hover,
#content a:active
{
color: #ffffff;
background-color: #993333;
border-bottom-color: #993333;
}
Muzzy

Re: Modifying Thickbox Album

Post by Muzzy »

Hi Mark.

Thanks for that. I thought after I posted that might be the problem.
Basically it is reading my css for links on the page as per hierarchy/inheritance I guess. Now all I have to do is figure out how to stop this applying to Thickbox, some kind os css statement I guess, any ideas what might work?

Regards.
Mike.
tsw
Power Poster
Power Poster
Posts: 1408
Joined: Tue Dec 13, 2005 10:50 pm

Re: Modifying Thickbox Album

Post by tsw »

#content ul.albumlist a {
background-color:#fff;
text-decoration:none;
border:0;
}

this one has higher specificity so it overrides those settings in ul.albumilist
Muzzy

Re: Modifying Thickbox Album

Post by Muzzy »

Thanks tsw.

I put the code in the thickbox css sheet, but it still looks like it is picking up my site styles.
Just in case, I tried it in my stylesheet, but still no cure. I have left the code in place in the thickbox stylesheet, to work on some more.

Thanks.
Mike.
Muzzy

Re: Modifying Thickbox Album

Post by Muzzy »

Hi tsw and Mark.

I finally got it. Added your code snippet plus my bit (see below) to the Fhickbox css sheet and it works fine now, no red blocks from my content links;

/* For Thickbox Thumbs */
#content ul.albumlist a {
background-color:#fff;
text-decoration:none;
border:0;
}

#content ul.picturelist a {
background-color:#fff;
text-decoration:none;
border:0;
}

Thanks friends.
Mike.
Locked

Return to “Layout and Design (CSS & HTML)”