eStore Squeeze Form – download button too big after site redesign

[dontwastethecrumbs]

I recently had a site redesign and while the squeeze form was fine before, the download button is now incredibly big compared to the form. Can I resize just that button? I’ve tried customizing the image, but the size didn’t change, just the image itself. See the button here:

[http://dontwastethecrumbs.com/2014/01/magimix-food-processor-put-protein-bar-test/]

[wzp]

In your theme’s CSS style sheet, there is the following class definition:

input,

select,

textarea {

border: 1px solid #dfdacc;

color: #575857;

font-family: 'Ledger', serif;

font-size: 12px;

font-size: 1.2rem;

padding: 5px;

padding: 0.5rem;

width: 100%;

}

It’s the width: 100% that’s causing the problem.

BTW, since you’re customizing the buttons, “orange” is a better color:

CNN — Orange buttons boost online sales

[http://money.cnn.com/2014/03/20/smallbusiness/boost-online-sales/]

[Peter]

@dontwastethecrumbs,

You can easily correct the abnormally big button size by doing the following:

1) Go and grab the following plugin:

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

2) Then add the following CSS code in the settings of the above plugin:

.free_download_submit {

width: 40%;

}

[dontwastethecrumbs]

Awesome – thank you both wzp and Peter!

[Author]

Posts