Tips and Tricks HQ Forum

Support Forum for Tips and Tricks HQ Products

Register or log in - lost password? (Having an issue with the forum login?)

Search the Forum

Tips and Tricks HQ Forum » WP eStore Forum » WP eStore Tweaks

Squeeze Page Formatting Issue

(5 posts) (2 voices)
  • Started 1 year ago by wizzer
  • Latest reply from wizzer
  • Possible Solutions (Related Topics):
    1. Mailchimp & Squeeze Page Issues
    2. Use lightbox ultimate plugin as a squeeze page
    3. How to stamp pdf through eStore download link only? No squeeze page!
    4. Squeeze page - verify subscribers email b4 allowing free downloads
    5. Squeeze Page form - adjust width

Tags:

  • css
  • html code
  • opt-in
  • squeeze page
  1. 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

    Posted 1 year ago #
  2. amin007
    Key Master

    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.

    Posted 1 year ago #
  3. 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.

    Posted 1 year ago #
  4. amin007
    Key Master

    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.

    Posted 1 year ago #
  5. 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

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.

Tips and Tricks HQ  | WP Shopping Cart  | WP Affiliate Software  | WordPress Membership Plugin