change the background on one subcategory only in boxBottom?

[Warragul]

Hi All,

I have to admit defeat. I'm trying to change the background in one subcategory only. I was playing with ...

.boxBottom,
#subcategories_648042 {
background: url(http://www.blah.jpg) !important;
}


But that changes all the subcategories. I understand it's because I'm using the div .boxBottom but I'm scratching my head to get anything else to work specifically for a single subcategory only.

Can anyone spare 20 seconds and set me on the right path please..

Stew

[jfriend]

Hi All,

I have to admit defeat. I'm trying to change the background in one subcategory only. I was playing with ...

.boxBottom,
#subcategories_648042 {
background: url(http://www.blah.jpg) !important;
}


But that changes all the subcategories. I understand it's because I'm using the div .boxBottom but I'm scratching my head to get anything else to work specifically for a single subcategory only.

Can anyone spare 20 seconds and set me on the right path please..

Stew

My guess is that you are guessing at CSS names to try to figure this out. That would send me to defeat too. There are three ways to see exactly what CSS object names are required.

You can look at View Source and see what names are being used in the document. This is doable, but not as easy as the other methods.
You can get the free add-in for Firefox called Web Developer that lets you look at all the page objects and classes and IDs.
You can get the free add-in for Firefox called Firebug that lets you see the entire page hierarchy.I personally use Firebug for inspecting things and Web Developer for testing out changes before actually making the changes to the site.

In this case, you probably want this CSS:

.subcategory_Mitchell .boxBottom {
background: transparent repeat-y url(http://warragul.smugmug.com/photos/507435394_H9MF6-O.png);
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true, sizingmethod=image, src="http://warragul.smugmug.com/photos/507435394_H9MF6-O.png");
}

The extra two parameters that start with an underscore make a transparent PNG background work in older versions of IE. They are not required if you are just use a JPG image for your background.

[Warragul]

Hi John,

The transparency was throwing me I think. Never thought to use that one in there at all. Have grabbed the FF Add ons. Now we'll see what real carnage we can cause :D. Thanks for your time on this ....Greatly appreciate it.

Stew