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

Cart background color and type color – Can I over-ride what my theme is doing?

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Troubleshooting › Cart background color and type color – Can I over-ride what my theme is doing?

Tagged: cart background color, change background color, change background color in cart, colors, css, shopping cart links, type color

  • This topic has 11 replies, 7 voices, and was last updated 12 years ago by admin.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 3, 2010 at 1:22 pm #1304
    Ren2010
    Member

    Hello,

    I had a question earlier that was successfully answered, thank you! Hoping someone can help with this one:

    My theme has a dark background. This looks fine in most areas of the site, but in the Shopping Cart (in both the main page area and the sidebar widget), I would like the dark background to be changed to white (or a light gray, so the cart buttons blend in). Is this possible?

    If so, I would need to also be able to change the type colors within the cart area, as my theme is currently making some of those white, and they wouldn’t show up on a white background.

    To sum up, I’m looking for a way to over-ride what my theme is doing to the Shopping Cart’s background color and the type within the cart, and be able to change those as needed.

    Thanks in advance for your help – it is greatly appreciated!

    [http://www.backdroppers.com/checkout/]

    June 4, 2010 at 1:49 am #21240
    amin007
    Participant

    The shopping cart is designed to use your themes color scheme to it can blend in with your site.

    You should be able to override the CSS though.

    open the “wp_eStore_style.css” file and find the following:

    .shopping_cart {
    font-size:12px;
    }

    Now try modifying it to something like the following:

    .shopping_cart {
    font-size:12px;
    color: #000;
    background-color:#fff;
    }

    June 4, 2010 at 2:39 am #21241
    Ren2010
    Member

    Well, made the modification above, but it doesn’t seem to have made any change…

    Any other ideas?

    June 4, 2010 at 4:22 am #21242
    amin007
    Participant

    There was an error in the code that I gave you (a semi colon was missing). I have updated the above thread.. please try the suggested code now and it will work.

    Just so you know… for the above example, the text color will be black and the background color will be white. You can change it to any color by using the corresponding hex color code.

    June 4, 2010 at 2:22 pm #21243
    Ren2010
    Member

    Thank you so much! This worked perfectly.

    Thanks again for your help!

    January 11, 2011 at 6:44 pm #21244
    Jane
    Member

    This is useful, and helped lead me to my solution, but the big problem I had is with link colors in the shopping cart. I didn’t realize the links colors were hard-wired into the shopping cart CSS. I just assumed they would echo the theme and hadn’t checked after I changed the theme.

    I fixed it by adjusting the CSS, but it would be really nice if there was something in the plugin settings…where you set the images and such for the shopping cart…to adjust those colors as well.

    Thanks again for a great product.

    May 15, 2013 at 5:28 pm #21245
    Timothy
    Member

    How do I change the background color of the wp estore fancy 2 add to cart box. I’d like it to match the theme background color of light yellow. #F8FFC7 I see several background colors in the css under fancy 2 and don’t know which one or ones to change.

    example at [http://fairytalesforchildren.com/a-birthday-wish/]

    Thank you!

    May 15, 2013 at 11:40 pm #21246
    Peter
    Member

    Hi,

    The following should do the trick. Just paste it into the “wp_eStore_custom_style.css” file:

    .eStore-product-fancy2-footer .eStore_add_to_cart_button
    {
    background-color: #F8FFC7;
    }

    May 16, 2013 at 7:38 pm #21247
    Timothy
    Member

    A great day to you!

    That didn’t work. Could it be because the editor page says inactive???

    wp-cart-for-digital-products/wp_eStore_custom_style.css (inactive)

    If so, how do I change it to active?

    If not, what’s next?

    Thank you!

    May 17, 2013 at 12:37 am #21248
    wpCommerce
    Moderator

    Hi, your wp_eStore_custom_style.css file looks empty so you really haven’t done what peter suggested above.

    Please do the following if it is easier for you:

    1. connect to your site via FTP (example: Filezilla).

    2. Browse to the eStore directory (wp-content/plugins/wp-cart-for-digital-products/).

    3. Download the wp_eStore_custom_style.css file on your computer.

    4. Open it using a text editor, add your custom CSS and save it.

    5. Upload it back to your server (wp-content/plugins/wp-cart-for-digital-products/).

    May 17, 2013 at 11:44 pm #21249
    Timothy
    Member

    Hi, I did what Peter suggested but it didn’t work so I took it out.

    I’m new to this and when his suggestion didn’t work I went in to the sytle.css and figured out how to make the changes in border colors, backgrounds, etc. on a hit/miss basis.

    Also discovered firebug and that has made making more changes even simpler. Thank you for your assistance and a great plug in!!!!

    May 17, 2013 at 11:55 pm #21250
    admin
    Keymaster

    Glad to hear that. Maybe this firebug tutorial will help you:

    http://www.tipsandtricks-hq.com/how-to-use-firebug-to-modify-your-wordpress-sites-css-video-tutorial-4037

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 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