eStore – Changing Layout of squeeze page form

[KimTurcotte]

I am trying to style the Squeeze page form so that the labels and inputs are all on one line with the submit button under that to the right.

I know I can style the submit button using position element styling, but I can’t for the life of me figure out how to move the actual input labels and fields to one single line.

You can view the form (which I am overlaying onto a table with a background image) here:

http://www.inspiredlivingsecrets.com/season-2/season-two/

The form is located just under the last row of speakers.

Thanks

Kim

[admin]

Which exact shortcode are you using?

[KimTurcotte]

I am using this shortcode:

[wp_eStore_free_download:product_id:1:end]

I will be loading this registrations several times onto the page, so whatever I use, I have to be able to repeat it.

Thanks

Kim

[admin]

You can do the following:

Open the “eStore_misc_functions.php” file of eStore and find the following block of code:

$output .= WP_ESTORE_NAME.': <br /><input name="cust_name" type="text" class="eStore_text_input" /><br />';

$output .= ESTORE_EMAIL.': <br /><input name="cust_email" type="text" class="eStore_text_input" /><br />';

Once you find it remove the <br /> codes and that should place the labels and inputs on one line.

[KimTurcotte]

Thank you so much! I knew it was a simple fix, but could not for the life of me find the code to edit.

Have a great day!

Kim

[KimTurcotte]

Actually, I have one more question.

I want to also include the opt in form in the header, but due to the layout of the header graphic, I need the input fields to be styled differently. Is there any way to apply a different styled form to the header and still keep the style of the rest of the forms on the page?

Thanks,

Kim

[KimTurcotte]

I got this figured out, so I am all set!!

Thanks

Kim

[Author]

Posts