Add to cart button too big - CSS Issue « Tips and Tricks HQ Forum

Tips and Tricks HQ Forum » WP eStore Forum » WP eStore F.A.Q/Instructions

Add to cart button too big - CSS Issue

(6 posts) (2 voices)

Tags:

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

Posted 2 years ago #
amin007
Key Master

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.

Posted 2 years ago #
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 :)

Posted 2 years ago #
amin007
Key Master
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)
Posted 2 years ago #
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.

Posted 2 years ago #
amin007
Key Master
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
Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.