Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore General Questions › How to change eStore Cart Text color for labels
Tagged: Color, css, shortcodes, style
- This topic has 10 replies, 3 voices, and was last updated 12 years, 8 months ago by rmesa57.
-
AuthorPosts
-
January 12, 2012 at 7:51 am #5265rmesa57Member
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
January 12, 2012 at 8:59 am #40684PeterMemberHi,
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.
January 15, 2012 at 3:00 am #40685rmesa57MemberHi Peter,
I looked everywhere I found NO file named “wp_eStore_custom_style.css”.
Please advise,
Robert
January 15, 2012 at 3:12 am #40686rmesa57MemberHie 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
January 15, 2012 at 7:07 am #40687adminKeymasterYour 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”):
January 15, 2012 at 7:30 am #40688rmesa57MemberHello 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
January 15, 2012 at 7:56 am #40689rmesa57MemberHello 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
January 15, 2012 at 8:49 am #40690PeterMemberHi 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.
January 15, 2012 at 9:54 am #40691rmesa57MemberPeter,
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
January 15, 2012 at 11:52 am #40692PeterMemberYou have entered the code incorrectly. Remove the “;” after the #666
January 15, 2012 at 8:35 pm #40693rmesa57MemberHi 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
-
AuthorPosts
- You must be logged in to reply to this topic.