Images Appear Too Big/Small/Stretched on Thesis Theme

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

Images Appear Too Big/Small/Stretched on Thesis Theme

(7 posts) (3 voices)

Tags:

amin007
Key Master
If the button and shopping cart images appear too Big or Small on the Thesis Theme then read the following:

The Thesis theme specifies the width of the input field in it's CSS which makes the images to have a specific size and causes this issue. You can override this CSS by adding the following to the custom CSS file that doesn't specify the width so the button image size is the actual size of the image:
```
.custom .format_text input {
border-width:0.067em;
padding:0.2em;
width: auto;
}
```
So all you have to do is click on the "Custom File Editor" menu from your "Thesis Options" menu and paste the above piece of CSS code.
Posted 5 months ago #
Digbick
Member
I have found another solution. The method specified above works fine, however it has one big drawback. It could affect your other input fields.

I'm using a customized input field on my archive page and with the code above, it gets affected, so it doesn't look anymore the way I wanted it to look

With a bit of trial and error I found a solution that ONLY affects the eStore buttons.

Here it is:

In the custom file editor, you can specify the width and height of the button...

BUT!!!!

Make sure you use the "min-width" property instead of "width". The "height" property works just fine...

Here's the code I use for my salespages (inserted in the custom css file) as an example:
```
.eStore_buy_now_button, .eStore_subscribe_button, .eStore_button
{
background: #EBEBEB;
border: solid #ebebeb;
min-width: 600px;
}
```
That's what it looks like (bottom of the page):

http://www.coachdrague.com/blog/le-dragueur-doue/
Posted 2 months ago #
JackAubrey
Member

This didn't work for me for some reason - it seems the css selection is off.

Does this work for the estore's default "Add to Cart" buttons too?

-JA

Posted 1 week ago #
amin007
Key Master

It should work for all buttons and images. Can you post a link to the page where you have the buttons?

Posted 1 week ago #
JackAubrey
Member

It's the "sold out" button on individual products that's doing it...

http://www.spinozarods.com/test-page/bamboo-rods/66-4-hunt-pattern-special/

Posted 1 week ago #
amin007
Key Master

I can still see that the CSS is using the following (see the 45% width?)

.format_text input {
border-width:0.071em;
padding:0.214em;
width:45%;
}

This means you did not use the suggestion I gave (the first post of this thread).. am I correct? If you are trying to follow the suggestion given by "Digbick" then in your case you need to add definition for the "eStore_sold_out" CSS class for the sold out button. Try adding something like the following in the "wp_eStore_style.css" file:

.eStore_sold_out{
background: #EBEBEB;
border: solid #ebebeb;
min-width: 600px;
}

Posted 6 days ago #
JackAubrey
Member

Got it to work! Thanks so much.

-JA

Posted 6 days ago #

RSS feed for this topic

Reply

You must log in to post.