How to change eStore Cart Text color for labels

[rmesa57]

Hello,

Current the Shopping cart form text color for labels is white, and do not show up in my theme.

URL: http://jvgiveawaysplus.com/estore/

What is the CSS file name and variables I need to change?

Thanks in advance,

Robert

[Peter]

Hi,

You can enter something like the following in your “wp_eStore_custom_style.css” file:

.eStore_cart_fancy1 th {

color: black;

}

I used black as an example but you can vary the color as you wish.

[rmesa57]

Hi Peter,

I looked everywhere I found NO file named “wp_eStore_custom_style.css”.

Please advise,

Robert

[rmesa57]

Hie Peter,

My bad I found the file. I added the seggested code:

}

.eStore_cart_fancy1 th {

color: black;

}

No change. Sorry I’m a newbie with css. What might I be doing wrong?

Please advise,

Robert

[admin]

Your issue is coming from the theme. I have seen another user who is using this same theme with this same problem. Please check my answer in the following thread which should solve this (see my reply to the user “fourplusfive”):

https://support.tipsandtricks-hq.com/forums/topic/how-to-change-the-color-of-the-product-name-links-in-the-shopping-cart

[rmesa57]

Hello Admin,

Thanks for the reply and the thread link…. I was given this code and placed it in “wp_eStore_custom_style.css” file. It not change anything.

.eStore_cart_fancy1 th {

color: black;

}

SOLUTION: I fixed the sidebar widget using the same code but change color for example, “black” to a hexadecimal representation. Apparently it does not like words, only numbers. i.e. I replaced “Black” with “666666” and it is working.

But I am also using the shortcode, [wp_eStore_cart_when_not_empty] at the bottom of my page. It to does not display the labels. Is there a similar code snippet I can use in my “wp_eStore_custom_style.css” file?

Thanks for the feed-back,

Robert

[rmesa57]

Hello Admin, anybody,

Please help….

Back to the drawing board. It was showing a minute ago, I tried with Google Chrome, now it’s gone again. I read your thread “fourplusfive” and review my style.css it has a pricing table, but my file is using !important; everywhere.

Any other ideas?

Thanks in advance,

Robert

[Peter]

Hi Robert,

If you follow the advice exactly as given by admin your problem will be solved. The link he provided contains the solution.

I’ll repeat it for you just in case you missed it:

in your style.css file go to line 86 and change it from this:

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

to this:

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

Then save this file (style.css) and copy it over to your host.

I can see that currently your style.css file does not have this tweak and by doing this your issue will be addressed and there will be no need to make any of the other changes which have been suggested.

[rmesa57]

Peter,

Thanks for your response, but I did apply the tweak in line 86. No change occurred. I can send you my style.css file, or you can read it online.

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

Sorry, if I’m missing something.

Please advise,

Robert

[Peter]

You have entered the code incorrectly. Remove the “;” after the #666

[rmesa57]

Hi Peter,

You are correct. But in my defense it was after 2 AM, and crossed eyed. But that’s why you get the big buck$. To keep us on our toes

Your code recommendation works!

Thanks Peter and Admin for the help,

Robert

[Author]

Posts