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 the Color of the "Product Name" links in the Shopping Cart

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Tweaks › How to Change the Color of the "Product Name" links in the Shopping Cart

Tagged: colors, css, edit, shopping cart, WP eStore CSS, WP eStore Tweaks

  • This topic has 9 replies, 5 voices, and was last updated 10 years, 9 months ago by scottrece.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 14, 2009 at 2:55 am #371
    amin007
    Participant

    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.

    December 8, 2011 at 10:59 pm #15766
    assistjt
    Member

    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!

    December 9, 2011 at 9:39 am #15767
    admin
    Keymaster

    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?

    January 7, 2012 at 11:51 am #15768
    fourplusfive
    Member

    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/

    January 8, 2012 at 5:49 am #15769
    admin
    Keymaster

    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; }

    January 9, 2012 at 2:10 pm #15770
    fourplusfive
    Member

    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.

    January 10, 2012 at 3:52 am #15771
    admin
    Keymaster

    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; }

    June 15, 2012 at 7:23 pm #15772
    scottrece
    Member

    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

    June 16, 2012 at 7:43 am #15773
    admin
    Keymaster

    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;
    }

    June 19, 2012 at 10:30 pm #15774
    scottrece
    Member

    Awesome. That worked perfectly. Thanks

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • 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
  • WP PDF Stamper Documentation
  • WP Photo Seller 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
  • WP Photo Seller Video Tutorial

Our Other Plugins

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

Copyright © 2023 | Tips and Tricks HQ