How do i change the color.......?

Hi!

i want to change the background color of my shopping cart.

Here are the associated class id's.....

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
padding: 0.5em 0em;
}

So how do i change the background color of these items?

Thanks!

Change this to > .cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {

padding: 0.5em 0em;
background-color: pink;

}

How about changing the color to a fun background if you wanted to do something for the holidays.
WW.

windwoman:

How about changing the color to a fun background if you wanted to do something for the holidays.
WW.

Then you would want to do something like this:

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {

padding: 0.5em 0em;
background-image: url(../images/your-holiday-image-here.gif);

}

So if you wanted to add a different color/bakground to individual pages..??

What would the code look like then..?

Thanks in Advance

Mike_Dean:

So if you wanted to add a different color/bakground to individual pages..??

What would the code look like then..?You can create individual stylesheets for each page - not as much work as it sounds as each would need only those styles unique to that page, the main stylesheet would handle the rest.

There's an explanation of everything that you can do to tailor stylesheets to different pages and languages in a text file in your site's template_default/css folder.