Cart background color and type color – Can I over-ride what my theme is doing?

[Ren2010]

Hello,

I had a question earlier that was successfully answered, thank you! Hoping someone can help with this one:

My theme has a dark background. This looks fine in most areas of the site, but in the Shopping Cart (in both the main page area and the sidebar widget), I would like the dark background to be changed to white (or a light gray, so the cart buttons blend in). Is this possible?

If so, I would need to also be able to change the type colors within the cart area, as my theme is currently making some of those white, and they wouldn’t show up on a white background.

To sum up, I’m looking for a way to over-ride what my theme is doing to the Shopping Cart’s background color and the type within the cart, and be able to change those as needed.

Thanks in advance for your help – it is greatly appreciated!

[http://www.backdroppers.com/checkout/]

[amin007]

The shopping cart is designed to use your themes color scheme to it can blend in with your site.

You should be able to override the CSS though.

open the “wp_eStore_style.css” file and find the following:

.shopping_cart {

font-size:12px;

}

Now try modifying it to something like the following:

.shopping_cart {

font-size:12px;

color: #000;

background-color:#fff;

}

[Ren2010]

Well, made the modification above, but it doesn’t seem to have made any change…

Any other ideas?

[amin007]

There was an error in the code that I gave you (a semi colon was missing). I have updated the above thread.. please try the suggested code now and it will work.

Just so you know… for the above example, the text color will be black and the background color will be white. You can change it to any color by using the corresponding hex color code.

[Ren2010]

Thank you so much! This worked perfectly.

Thanks again for your help!

[Jane]

This is useful, and helped lead me to my solution, but the big problem I had is with link colors in the shopping cart. I didn’t realize the links colors were hard-wired into the shopping cart CSS. I just assumed they would echo the theme and hadn’t checked after I changed the theme.

I fixed it by adjusting the CSS, but it would be really nice if there was something in the plugin settings…where you set the images and such for the shopping cart…to adjust those colors as well.

Thanks again for a great product.

[Timothy]

How do I change the background color of the wp estore fancy 2 add to cart box. I’d like it to match the theme background color of light yellow. #F8FFC7 I see several background colors in the css under fancy 2 and don’t know which one or ones to change.

example at [http://fairytalesforchildren.com/a-birthday-wish/]

Thank you!

[Peter]

Hi,

The following should do the trick. Just paste it into the “wp_eStore_custom_style.css” file:

.eStore-product-fancy2-footer .eStore_add_to_cart_button

{

background-color: #F8FFC7;

}

[Timothy]

A great day to you!

That didn’t work. Could it be because the editor page says inactive???

wp-cart-for-digital-products/wp_eStore_custom_style.css (inactive)

If so, how do I change it to active?

If not, what’s next?

Thank you!

[wpCommerce]

Hi, your wp_eStore_custom_style.css file looks empty so you really haven’t done what peter suggested above.

Please do the following if it is easier for you:

1. connect to your site via FTP (example: Filezilla).

2. Browse to the eStore directory (wp-content/plugins/wp-cart-for-digital-products/).

3. Download the wp_eStore_custom_style.css file on your computer.

4. Open it using a text editor, add your custom CSS and save it.

5. Upload it back to your server (wp-content/plugins/wp-cart-for-digital-products/).

[Timothy]

Hi, I did what Peter suggested but it didn’t work so I took it out.

I’m new to this and when his suggestion didn’t work I went in to the sytle.css and figured out how to make the changes in border colors, backgrounds, etc. on a hit/miss basis.

Also discovered firebug and that has made making more changes even simpler. Thank you for your assistance and a great plug in!!!!

[admin]

Glad to hear that. Maybe this firebug tutorial will help you:

http://www.tipsandtricks-hq.com/how-to-use-firebug-to-modify-your-wordpress-sites-css-video-tutorial-4037

[Author]

Posts