- This topic has 4 replies, 2 voices, and was last updated 13 years, 11 months ago by .
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 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 Tweaks › Squeeze Page Formatting Issue
Tagged: css, html code, opt-in, squeeze page
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
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.
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.
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.
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