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

Squeeze Page Formatting Issue

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Tweaks › Squeeze Page Formatting Issue

Tagged: css, html code, opt-in, squeeze page

  • This topic has 4 replies, 2 voices, and was last updated 14 years, 6 months ago by wizzer.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 16, 2010 at 12:13 pm #2239
    wizzer
    Member

    I’ve followed instructions in setting up a squeeze page to enable free download.

    It all works just fine BUT the “opt-in” boxes spread the full width of my page – see my test page:

    http://pdfebooksvault.com/members/test-create-ebook/

    I know nothing about CSS etc so could you please guide me as to what is happening and why the “opt-in” doesn’t look like on your example. (I’ve changed the download button but cannot see how to reduce width of boxes)

    Could there be a conflict with the theme I’m using – JVPress?

    Thanks

    November 17, 2010 at 1:09 am #26574
    amin007
    Participant

    You theme has the following CSS:

    form input[type="text"], form input[type="email"], form input[type="url"] {
    width:95%;
    }

    Which is forcing every text input to be 95% of the input. So even though I have specified those squeeze page fields to be 160px the theme overriding it.

    November 17, 2010 at 8:44 am #26575
    wizzer
    Member

    Thanks for the quick response.

    I guess I need to check with the Theme creator or search online but does anyone here know whether it is possible to “overide” the standard CSS. If so can you point me in the right direction please.

    I could change the standard from 95% I suppose but that’ll screw up the Facebook comments section I think – probably prefer not to do that.

    November 18, 2010 at 1:43 am #26576
    amin007
    Participant

    You can probably wrap the squeeze page from in another CSS div which has a smaller width like the following:

    <div style="width:200px;">
    [eStore shortcode goes here]
    </div>

    The above is HTML code so you will need to use the HTML view of your post or page when you putting it there.

    November 18, 2010 at 8:05 am #26577
    wizzer
    Member

    Brilliant. Thank you SO much. That works a treat.

    Your support here is THE BEST I’ve come across on the web. Most leave you high and dry with problems.

    Thanks again

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 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