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

Add to cart button too big – CSS Issue

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore F.A.Q/Instructions › Add to cart button too big – CSS Issue

Tagged: add to cart button too big, css issue

  • This topic has 5 replies, 2 voices, and was last updated 12 years, 9 months ago by amin007.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 17, 2009 at 12:49 am #568
    embroiderysecret
    Member

    Hi,

    I have done everything that you asked to resolve “add to cart button” issue as given in http://www.tipsandtricks-hq.com/ecommerce/wordpress-estore-troubleshooting-218 but still it looks like this

    Here the screenshot

    Please advise…

    Thanks

    December 17, 2009 at 2:35 am #16758
    amin007
    Participant

    It’s CSS issue with your theme. Please post a link to that page so I can take a look at the HTML and CSS and see what soft of workaround it needs.

    December 17, 2009 at 3:46 am #16759
    embroiderysecret
    Member

    Hi!

    This is the link to that page. I’m using RT-Theme from themforest.

    http://maribelajarsulam.com/produk/terbitan-digital-sulaman/

    Thanks :)

    December 17, 2009 at 7:45 am #16760
    amin007
    Participant

    Basically in your themes CSS it’s specifying the width of the “input” field… I don’t know why but some themes do this. I prefer to leave it so the width can be the width of the image.

    Anyway, Here are a few options for you:

    Option 1:

    If you look at the CSS file of your theme you will see the following bit of code:

    #page_left input,

    #page_left select,

    #page_left textarea

    {

    border:0px;

    padding:6px;

    width:550px;

    background: transparent url(../../images/10/sub_back.png) top center repeat-x;

    border:1px solid #ededed;

    font-family: ‘Lucida Grande’, ‘Lucida Sans Unicode’, Tahoma, Arial, san-serif;

    }

    Get rid of this line that is specifying the width of the button and it should work:

    width:550px;

    Option 2:

    The other option is to introduce the following CSS in the “wp_eStore_style.css” file (this file is located inside the WP eStore plugin directory):

    .eStore_button
    {
    width:84px;
    height:50px;
    }

    you will have to adjust the width and height according to the image you are using for the “Add to Cart” button.

    Option 3:

    Get a theme that doesn’t have crappy CSS :) (just kidding)

    December 17, 2009 at 11:23 am #16761
    embroiderysecret
    Member

    Hi,

    Option 1 had solved my problem. Thank you verrry much. And about option 3, thinking of not buying from themefore** anymore :):)

    Thanks again for your superb support.

    June 8, 2010 at 1:42 am #16762
    amin007
    Participant

    If you are using the Thesis theme then all you have to do is add the following bit of CSS to your custom CSS file and that should do the job:

    .custom .format_text input {
    border-width:0.067em;
    padding:0.2em;
    width: auto;
    }

    This page has more explanation on it:

    http://www.tipsandtricks-hq.com/ecommerce/wordpress-estore-troubleshooting-218

  • 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 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 Download Monitor

Copyright © 2023 | Tips and Tricks HQ