- This topic has 3 replies, 3 voices, and was last updated 10 years, 5 months ago by .
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
Support site for Tips and Tricks HQ premium products
by
Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Troubleshooting › eStore Squeeze Form – download button too big after site redesign
Tagged: button, css, download now, responsive, squeeze form, squeeze form button
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/]
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/]
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%;
}
Awesome – thank you both wzp and Peter!