Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

How to change eStore Cart Text color for labels

by

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 13 years, 4 months ago by rmesa57.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 12, 2012 at 7:51 am #5265
    rmesa57
    Member

    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 #40684
    Peter
    Member

    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.

    January 15, 2012 at 3:00 am #40685
    rmesa57
    Member

    Hi Peter,

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

    Please advise,

    Robert

    January 15, 2012 at 3:12 am #40686
    rmesa57
    Member

    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

    January 15, 2012 at 7:07 am #40687
    admin
    Keymaster

    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

    January 15, 2012 at 7:30 am #40688
    rmesa57
    Member

    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

    January 15, 2012 at 7:56 am #40689
    rmesa57
    Member

    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

    January 15, 2012 at 8:49 am #40690
    Peter
    Member

    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.

    January 15, 2012 at 9:54 am #40691
    rmesa57
    Member

    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

    January 15, 2012 at 11:52 am #40692
    Peter
    Member

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

    January 15, 2012 at 8:35 pm #40693
    rmesa57
    Member

    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
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2025 | Tips and Tricks HQ