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

eStore – Changing Layout of squeeze page form

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › eStore – Changing Layout of squeeze page form

Tagged: custom css style, squeeze form

  • This topic has 6 replies, 2 voices, and was last updated 12 years, 11 months ago by KimTurcotte.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 25, 2012 at 10:42 pm #6423
    KimTurcotte
    Member

    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

    May 26, 2012 at 6:16 am #45487
    admin
    Keymaster

    Which exact shortcode are you using?

    May 28, 2012 at 7:37 pm #45488
    KimTurcotte
    Member

    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

    May 29, 2012 at 3:26 am #45489
    admin
    Keymaster

    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.

    May 29, 2012 at 3:36 pm #45490
    KimTurcotte
    Member

    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

    May 29, 2012 at 5:41 pm #45491
    KimTurcotte
    Member

    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

    May 29, 2012 at 7:01 pm #45492
    KimTurcotte
    Member

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

    Thanks

    Kim

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