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

[amin007]

Open the WP eStore plugin’s CSS file (wp_eStore_style.css) and look for the following:

.shopping_cart a

{

color:#3c78a7;

text-decoration:none

}



.shopping_cart a:hover {

color:#3c78a7;

text-decoration:underline

}

The “color:#3c78a7;” line is specifying the link color. Change that color to your liking.

[assistjt]

This post ALMOST solved my issue.

In my shopping cart, the quantity is updated as white text in a white field rendering it invisible. Where can I edit the text to be BLACK in the Shopping Cart? Where is that line of code?

Also, where can I change the font color in the “Add to Cart” button without having to replace the whole file? This is also suffering from “white on white” invisibility.

MANY THANKS!

[admin]

The shopping cart takes the color from your theme’s body color. What kind of theme do you have? Can you post a link to the page in question so I can check the color scheme your theme is using?

[fourplusfive]

I have a similar problem, my shopping cart shows the “Item Name”, “Quantity” and “Price” as white (on white background) rendering it invisbile. How do I change it to black?

http://www.hatewriting.com/checkout/

[admin]

This is stemming from bad coding. Your theme has the following definition for the table header (th) elements (line 86 of style.css):

th {background-color: #666; padding: 10px 10px; border-color: #666; font-weight: bold; color: #FFF; }

So the table header is suppose to be grey color and have white font but on line 370 of style.css file it has the following CSS:

#pricing_table td, tr, th	{ background:none; border:none; text-align:center;}

This is making the table header inside the “pricing_table” div to have no background. Now for some reason (most likely this whole page is wrapped inside that pricing_table div) your site is taking the definition of this table header background and making it an empty background with white font (so you are seeing white on white).

Basically, if you place a table inside your WordPress post or page it won’t have any table header background while the font color is defined as white (#FFF)!

Try changing the following line (line 86 of style.css file of the theme):

th {background-color: #666; padding: 10px 10px; border-color: #666; font-weight: bold; color: #FFF; }

to the following:

th {background-color: #666 !important; padding: 10px 10px; border-color: #666; font-weight: bold; color: #FFF; }

[fourplusfive]

Thanks for your detailed reply. However I have changed line 86 of the style.css file but nothing has changed (i.e. it’s still white on white). Hope you can advise.

[admin]

When I check your CSS code in the “style.css” file I still see the following line which means you didn’t change it correctly (make sure your edit the correct file and also empty cache if using a caching plugin):

th {background-color: #666; padding: 10px 10px; border-color: #666; font-weight: bold; color: #FFF; }

[scottrece]

I changed the coding as outlined above and the font color in the shopping cart is still the same as it was. http://www.cedarcreekcoffee.com/buy-coffee

the edited stylesheet is below:

/* Start */

.shopping_cart {

font-size:12px;

}

.shopping_cart h2 {

font-size:14px;

}

.shopping_cart a {

color:#FFA500;

text-decoration:none

}

.shopping_cart a:hover {

color:#FFFFFF;

text-decoration:underline

[admin]

You are using the fancy1 shopping cart display. Try the following CSS:

.eStore_cart_fancy1 a {

color:#FFA500;

text-decoration:none;

}



.eStore_cart_fancy1 a:hover {

color:#FFFFFF;

text-decoration:underline;

}

[scottrece]

Awesome. That worked perfectly. Thanks

[Author]

Posts