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.

[resolved] Buttons different on each page

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Scott
    Member

    I have 3 forms visible on my site.. on each one the submit button looks different. any ideas?

    http://scottwyden.com/contact
    http://scottwyden.com/blog (look at newsletter tab)
    http://scottwyden.com/newsletter

    Posted 13 years ago on Friday June 18, 2010 | Permalink

  2. Kevin Flahaut
    Administrator

    Yeah, it's not a GF issue, it's your theme CSS and choice of settings.

    On the newsletter page one you've applied an image button, the one in the sidebar widget has different styling that's being applied by your theme (Thesis) and the one on the contact page is showing the default button styling for Thesis.

    You can remove the image button from the newsletter form and it should revert to the same style as the contact page. For the form in the sidebar widget, you'll have to add some CSS to your custom.css file to make it look more like the others.

    Posted 13 years ago on Friday June 18, 2010 | Permalink

  3. Carl Hancock
    Administrator

    It's all CSS. You need to use Firebug or something similar, inspect those elements and then make sure that you have CSS in place to style them all exactly the same. Right now because one appears in the post body, another in the sidebar they have different styles applied to them. You have to make sure that whatever style you apply to them is consistent.

    On the 3rd form above (the newsletter page form) you have manually added an image button to the form. This is why it appears as a blue button, it's an image you have specified in the form settings of that form.

    Posted 13 years ago on Friday June 18, 2010 | Permalink

  4. Scott
    Member

    i found the issue. it's the same problem that Thesis users run into when using a PayPal button on their sites..

    This CSS fixes the issue once and for all

    .custom .format_text input, #commentform input, #commentform textarea {
    width:auto;
}
    Posted 13 years ago on Saturday June 19, 2010 | Permalink

  5. Kevin Flahaut
    Administrator

    Awesome Scott. Thanks for sharing the fix.

    Posted 13 years ago on Saturday June 19, 2010 | Permalink

  6. Scott
    Member

    Welcome!

    Posted 13 years ago on Saturday June 19, 2010 | Permalink

This topic has been resolved and has been closed to new replies.