Using Separate Image for Shopping Cart Header

[Craig Robbo]

Hi

I'm sure this must have been asked before but i've searched and cannot find anything on it.

I'm using images for my sideboxes by using;

.leftBoxHeading, .rightBoxHeading {
background: url(../images/sidebox.jpg);
}
in my stylesheet.

However my shopping cart heading is twice the size so I need to use a separate image for it.

Ive tried

#shoppingCartHeading
#h3. shoppingCartHeading
#h3. shoppingCartHeading .rightBoxHeading
#cartDefaultHeading
#cartSubTotal
.tableHeading, #cartSubTotal

With no luck.

Any help would be appreciated

Thanks

[gjh42]

CSS is case sensitive, as well as having very specific rules about selector arrangement and spacing.
Try
#shoppingcartHeading {}

Some of these are invalid, and the rest don't apply to that heading:

#shoppingCartHeading <--wrong capitalization
#h3. shoppingCartHeading <--erroneous # on HTML element, space after dot
#h3. shoppingCartHeading .rightBoxHeading
#cartDefaultHeading
#cartSubTotal
.tableHeading, #cartSubTotal

[Craig Robbo]

ahh... thanks for that - i missread it in Firefox.

Is it that obvious i'm a hack when it comes to this

Thanks again

Craig