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

eStore – Responsive CSS question for the cart and wp_eStore_fancy1 shortcodes

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › eStore – Responsive CSS question for the cart and wp_eStore_fancy1 shortcodes

Tagged: cart, responsive, responsive cart

  • This topic has 8 replies, 3 voices, and was last updated 11 years ago by Any.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 4, 2014 at 2:14 pm #10765
    Any
    Member

    I need help making the eStore completely responsive!

    The [wp_eStore_cart_fancy1_when_not_empty] is not completely responsive it goes out a bit to the right on the iphone.

    How do I change this? Also how do I remove the lines in the cart?

    Is there any chance I can change the layout of [wp_eStore_fancy1 id=1] so that the text starts below the picture on the iphone and the add to cart is placed to the left?

    Thank you!

    May 4, 2014 at 2:52 pm #62695
    wzp
    Moderator

    …it goes out a bit to the right on the iphone.

    What does that mean?

    Can you provide screenshots of what you mean? You can use the PicPaste service to provide links to your screenshots: [http://picpaste.com/]

    Does this happen on Anroid, or other devices, as well?

    May 4, 2014 at 7:11 pm #62696
    Any
    Member

    Thanks for your reply!

    I solved the problem by adding decreasing the font-size in the css.

    However I still wonder how to get rid of the lines? And how I change the color of the ad to chart button?

    Thank you!

    May 5, 2014 at 12:28 am #62697
    admin
    Keymaster

    I think you are talking about the lines from the table. your theme probably uses lines for the table elements. Can you share a link to the cart page so I can take a look?

    May 5, 2014 at 12:02 pm #62698
    Any
    Member

    Yes that is what I am talking about! Please take a look at [www.golfforvuxna.se/kop-har]

    Also how do I change the color of the ad to cart button?

    Thank you!

    May 5, 2014 at 2:45 pm #62699
    wzp
    Moderator

    Have you seen this?

    https://support.tipsandtricks-hq.com/forums/topic/changin-colour-of-add-to-cart-button-having-same-mp3-titles-in-one-category#post-37745

    May 5, 2014 at 8:42 pm #62700
    Any
    Member

    How do I remove the lines from the table??

    Just read throw your link – doesn’t explain how to change the color of my existing button, will you please tell me?

    May 6, 2014 at 12:56 am #62701
    admin
    Keymaster

    Customize the button using the following info:

    https://support.tipsandtricks-hq.com/forums/topic/wp-estore-customizing-the-buttons-changing-the-button-images

    Do the following to remove the table borders in the cart.

    Grab the custom css plugin from here:

    http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

    Enter the following css in there:

    .eStore_cart_fancy1 td, th{
    border: none !important;
    }

    You should learn to do the CSS customization yourself a bit. We can’t customize all CSS for you:

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

    May 6, 2014 at 8:05 pm #62702
    Any
    Member

    Thanks – the css worked for the cart and I fixed the button as well! Thank you!

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