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

Format Shopping Cart Widget

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › Format Shopping Cart Widget

  • This topic has 5 replies, 2 voices, and was last updated 13 years ago by admin.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 8, 2012 at 7:44 am #6260
    larryt
    Member

    Where do I go (what file) to modify the Shopping Cart widget text? The text is solidly against the left side of the widget (see http://screencast.com/t/THmLRiQ17).

    I would like to add some padding here so the text isn’t almost touching the side of the box. What file would I go to in order to modify the formatting of the text. I tried to put spaces in the text field (see http://screencast.com/t/wgoS67NX0) but that didn’t help.

    How can I change the formatting of that field?

    Thanks!!

    May 8, 2012 at 7:57 am #44822
    larryt
    Member

    BTW – I went into the Eng.php file and changed the spacing for 2 of the texts there (http://screencast.com/t/wgoS67NX0) but it didn’t change anything on the page. How can I format the text to add padding, and, perhaps, to change text color and bold, etc?

    Thanks again!!!

    May 8, 2012 at 10:24 pm #44823
    admin
    Keymaster

    Using space won’t work in HTML. You can use the following to add an empty space character:

     

    For example, the following will create 3 spaces before the text:

       Your cart is empty

    Also, the empty shopping cart content is placed inside the following CSS class so you can customize padding/margin etc. from CSS for that entire empty cart section:

    eStore_empty_cart_block

    May 9, 2012 at 8:13 am #44824
    larryt
    Member

    OK.. I’ll give that a try. Thanks!!

    May 9, 2012 at 8:43 am #44825
    larryt
    Member

    OK, I give up. What folder has the CSS info where I can find the eStore_empty_cart_block?

    I have gone through every folder in the plugin, and it isn’t there.

    This is all I found, and this was in the wp-cart-for-digital-products and can’t be modified here:

    function eStore_empty_cart_display()

    {

    $empty_cart_text = get_option(‘wp_cart_empty_text’);

    $products_page = get_option(‘eStore_products_page_url’);

    $output .= ‘<div class=”eStore_empty_cart_block”>’;

    if (preg_match(“/http/”, $empty_cart_text)) // Use the image as the ‘Empty Cart Display’

    So what folder is the div class=”estore_empty_cart_block” in? I am totally stumped!!

    Larry

    May 9, 2012 at 10:58 pm #44826
    admin
    Keymaster

    You don’t have to look for that CSS. The class is already there so you just define it how you want it to look like.

    Simply add the following code to any of your CSS files as an example (in the theme’s CSS or in the plugin’s CSS file):

    .eStore_empty_cart_block{
    margin:10px;
    paddin:10px;
    }

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