Tips and Tricks HQ Forum

Support Forum for Tips and Tricks HQ Products

Register or log in - lost password? (Having an issue with the forum login?)

Search the Forum

Tips and Tricks HQ Forum » WP eStore Forum » WP eStore General Questions

How to change eStore Cart Text color for labels

(11 posts) (3 voices)
  • Started 4 months ago by rmesa57
  • Latest reply from rmesa57
  • Possible Solutions (Related Topics):
    1. Change Free Download message text color
    2. How to change 'add to cart' button text
    3. How to Customize or Change the Buy Button Images for eStore
    4. How to change 'add to cart' text in fancy 2?
    5. Change Font Color or Form Text Field Color

Tags:

  • Color
  • css
  • shortcodes
  • style
12Next »
  1. 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

    Posted 4 months ago #
  2. Peter
    Moderator

    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.

    Posted 4 months ago #
  3. rmesa57
    Member

    Hi Peter,

    I looked everywhere I found NO file named "wp_eStore_custom_style.css".

    Please advise,
    Robert

    Posted 4 months ago #
  4. 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

    Posted 4 months ago #
  5. admin
    Key Master

    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"):
    http://www.tipsandtricks-hq.com/forum/topic/how-to-change-the-color-of-the-product-name-links-in-the-shopping-cart

    Posted 4 months ago #
  6. 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

    Posted 4 months ago #
  7. 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

    Posted 4 months ago #
  8. Peter
    Moderator

    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.

    Posted 4 months ago #
  9. 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

    Posted 4 months ago #
  10. Peter
    Moderator

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

    Posted 4 months ago #

RSS feed for this topic

12Next »

Reply »

You must log in to post.

Tips and Tricks HQ  | WP Shopping Cart  | WP Affiliate Software  | WordPress Membership Plugin