Add to cart button too big – CSS Issue

[embroiderysecret]

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

[amin007]

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.

[embroiderysecret]

Hi!

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

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

Thanks

[amin007]

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)

[embroiderysecret]

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.

[amin007]

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