Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

eStore Squeeze Form – download button too big after site redesign

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

  • This topic has 3 replies, 3 voices, and was last updated 11 years, 2 months ago by dontwastethecrumbs.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 22, 2014 at 10:32 pm #9632
    dontwastethecrumbs
    Member

    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/]

    March 23, 2014 at 12:30 am #61801
    wzp
    Moderator

    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/]

    March 23, 2014 at 2:12 am #61802
    Peter
    Member

    @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%;
    }

    March 24, 2014 at 6:43 pm #61803
    dontwastethecrumbs
    Member

    Awesome – thank you both wzp and Peter!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2025 | Tips and Tricks HQ