PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Form not Aligning Properly

  1. ManAbout
    Member

    I am trying to create a fairly complex order form that integrates with Cart66.

    The form is left aligned when I look at the form preview.

    But, this is how it looks in the theme:

    http://monroseplace.street2web.com/product-test/

    It's adding extra bullet points next to each option and the main question. The main question is also not bold like in the preview. It's center aligning the form and the submit button doesn't look very nice either.

    Where do I need to go to make the changes to have theme for it to be properly aligned?

    Thanks.

    Posted 14 years ago on Tuesday April 5, 2011 | Permalink
  2. The Gravity Forms CSS isn't being output on the page so the form isn't being styled at all.

    This is either because CSS output is turned off on the Gravity Forms page Settings or more likely your theme lacks the necessary wp_head() function call in your header.php file and the wp_footer() function call in your footer.php file.

    Make sure your header.php and footer.php file have these function calls in place.

    wp_head() documentation can be found here:
    http://codex.wordpress.org/Function_Reference/wp_head

    wp_footer() documentation can be found here:
    http://codex.wordpress.org/Function_Reference/wp_footer

    Posted 14 years ago on Tuesday April 5, 2011 | Permalink
  3. ManAbout
    Member

    OK, I have looked at the Gravity Forms setting and it does have Output CSS set to Yes.

    Also, I see the following in Header.php and Footer.php respectively.

    <?php wp_head(); //leave for plugins ?>

    <?php wp_footer();

    Posted 14 years ago on Tuesday April 5, 2011 | Permalink
  4. How are you displaying the form on that page?

    Are you using the function call or the shortcode?

    If you are using the shortcode is that page content being called directly or does it contain a WordPress loop?

    Let me know, this determines the next step because in certain cases the scripts need to manually be enqueued if used outside the standard shortcode in a loop display method.

    Posted 14 years ago on Tuesday April 5, 2011 | Permalink
  5. ManAbout
    Member

    OK, I appear to have resolved some of it. I have recreated the Wordpress page, entering the shortcode on the page exactly as follows:

    [gravityform id=2 name=Lace Wig - 20 Inch Indian Remy]

    It seems to have made some difference, with the form left aligning now. Where is it getting that submit button from? And how do I change it?

    Posted 14 years ago on Tuesday April 5, 2011 | Permalink
  6. It's getting the submit style buttons from your theme. If you want to change the button style you can add some custom CSS to your themes CSS to style that element.

    You would target it by adding this CSS to your themes stylesheet:

    body .gform_wrapper .gform_footer input[type=submit] {YOUR CSS GOES HERE}

    You would add whatever CSS you want to style the button to your liking.

    It looks the way it does right now because of styles being applied by your theme due to CSS inheritance.

    Posted 14 years ago on Tuesday April 5, 2011 | Permalink