Sideboxes Help

[timduncan86]

I am trying to change the color and font of my shopping cart sidebox. How do I accomplish this? I tried to change the color of navcoloumtwo in stylesheet but it didn't do anything.

Website is RainenJewelry.com

[kobra]

I don't see any side boxes??

[timduncan86]

Well it's the shopping cart one that pops up on the right side when you add an item to the cart.

[clydejones]

I am trying to change the color and font of my shopping cart sidebox. How do I accomplish this? I tried to change the color of navcoloumtwo in stylesheet but it didn't do anything.

Website is RainenJewelry.com

Well it's the shopping cart one that pops up on the right side when you add an item to the cart.

open includes/templates/YOUR_TEMPLATE/css/stylesheet.css

find the following declarations: change the color to whatever you want.

.cartNewItem {
color: #33CC33;
position: relative; /*do not remove-fixes stupid IEbug*/
}

.cartOldItem {
color: #660099;
position: relative; /*do not remove-fixes stupid IEbug*/
}

[timduncan86]

open includes/templates/YOUR_TEMPLATE/css/stylesheet.css

find the following declarations: change the color to whatever you want.

.cartNewItem {
color: #33CC33;
position: relative; /*do not remove-fixes stupid IEbug*/
}

.cartOldItem {
color: #660099;
position: relative; /*do not remove-fixes stupid IEbug*/
}

Thanks for the quick response but it didn't work out. Is there something else I should be looking for?

[gjh42]

I just tested it on your site and it works. (.cartNewItem is the only one that will display, as there is only one product to add.) Exactly how did you try to change it?

[timduncan86]

To help explain my inexperience, I would like the box to similar to the image below.

[timduncan86]

I just tested it on your site and it works. (.cartNewItem is the only one that will display, as there is only one product to add.) Exactly how did you try to change it?

I'm not sure I'm following you. I'm trying to change the color of the cart box on the side.

[gjh42]

So you need to style all of the parts of the sidebox. Find in your stylesheet

#bestsellers .wrapper {
margin: 0em 0em 0em 1.5em;
}

and below that add rules starting with #shoppingcart, like

#shoppingcart {background: #aabbee; border: 1px solid #667788;}

#shoppingcartHeading, #shoppingcartHeading a {color: #334455;}


You can find the classes and ids of elements to style by installing Firefox and its Web Developer and /or Firebug extensions. These are the main tools we use for helping people with questions like this.

[timduncan86]

So you need to style all of the parts of the sidebox. Find in your stylesheet

#bestsellers .wrapper {
margin: 0em 0em 0em 1.5em;
}

and below that add rules starting with #shoppingcart, like

#shoppingcart {background: #aabbee; border: 1px solid #667788;}

#shoppingcartHeading, #shoppingcartHeading a {color: #334455;}


You can find the classes and ids of elements to style by installing Firefox and its Web Developer and /or Firebug extensions. These are the main tools we use for helping people with questions like this.

Thank you for your time and help. I use google chrome to find classes and elements and normally have no issue but this time around, this coding seemed impossible.

At any rate, thanks again!