Shopping Cart: Need to Change Background Color of Shopping Cart Grid

[newbox]

Hello – I like the eStore product, but I am having trouble finding specific answers in the Forum for my question.

I need to change the BACKGROUND color of my basic Shopping Cart (the cart “table”).

Current cart is “white on white” – gridlines in the cart are filled with a nearly identical white background color. (Note: My eStore pages are not “public” yet, because these design problems make my site not ready to publish.)

I have noticed other postings referencing “table header” settings (“th {“) for this, but I cannot locate this in the eStore style sheet “wp-cart-for-digital-products/wp_eStore_style.css”

My theme is “Big Picture” – no longer sold and updated, but has been working fine. I am using WP 3.0.4 until I decide to redesign the site with a new theme.

Here is a previous postings in your forum that suggest solutions, but I am unable to find the “th” style info in the style sheet:

How to Change the Color of the "Product Name" links in the Shopping Cart

Item Name, Quantity and Price are white (on white background) + Sidebar Widget

https://support.tipsandtricks-hq.com/forums/topic/shopping-cart-lines (no specific code supplied to questioner)

[newbox]

SOLVED! After further exploration, I learned that my theme “Big Picture” has 2 separate CSS style sheets: one is editable in the WordPress admin viewer, and the other is stored in a CSS folder on the server – actually this folder contains 6 variant style/color sheets, and the “th” & “td” color choices are found here… Are are not editable in WordPress Admin.

BUT I DO wish eStore had a convenient way to assign/change colors for the basic shopping cart background, without diving into the style sheet for the theme, and without creating new code “selectors” etc.

[Peter]

Hi, eStore tries to inherit most CSS from your theme so the shopping cart blends in with your existing theme.

You can usually achieve most CSS customizations for eStore by firstly determining what your CSS changes will be by using firebug (see link below for more info) and then placing the CSS code in the wp_eStore_custom_style.css file.

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

The following custom css plugin will come in handy to add your customization:

http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

[Author]

Posts