Squeeze Page form – adjust width

[woodbrothers]

I read the squeeze page info at http://www.tipsandtricks-hq.com/ecommerce/how-to-make-a-squeeze-page-using-the-wordpress-estore-plugin-126 and I added the [wp_eStore_free_download_ajax:product_id:4:end] to a website page.

I like using the Ajax form but I have a question.

The squeeze page form is in the sidebar and the width of the form fields is overlapping into the content area of the website. Which file do I change to reduce the width of the form fields? View the screenshot at

Thanks

[Peter]

Hi,

You should be able to use CSS tweaks to change the width.

To do this it is recommended you use firebug to experiment with the CSS code.

See this post for how to use firebug:

How to Use Firebug to Modify Your WordPress Site’s CSS (Video Tutorial)

ps: If you sent us the link to your page we might be able to give you a hand

[woodbrothers]

I fixed it. I was unsure about the .css file to modify since I have the main estore plugin and the estore extra shortcodes plugin. I missed it yesterday when looking with Firebug but it’s in the estore main plugin

[Peter]

Hi,

That’s great!

It’s advised to put all eStore customised CSS changes in the wp_eStore_custom_style.css.

[woodbrothers]

OK. I always create _bak files before modifying files but I’ll keep your suggestion in mind.

[Author]

Posts