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

  1. 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 9 years ago on Friday June 18, 2010 | Permalink
  2. 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 9 years ago on Friday June 18, 2010 | Permalink
  3. 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 9 years ago on Friday June 18, 2010 | Permalink
  4. 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 9 years ago on Saturday June 19, 2010 | Permalink
  5. Awesome Scott. Thanks for sharing the fix.

    Posted 9 years ago on Saturday June 19, 2010 | Permalink
  6. Welcome!

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

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