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.

What is causing these Windows 95 style buttons?

  1. I know this isn't a Gravity Forms problem, but some of you are more forms savvy than other forums I've tried to seek support in.

    Before I got Gravity Forms, the search button on my Google CSE looked odd - like it came from Windows 95. I didn't do anything about it at the time because I was busy with more important things. I recently installed the Gravity Forms plugin and noticed the submit button on my contact page had the same Windows 95 style button. Here's a screen shot: http://featherrivercountry.com/images/support/ugly-buttons.jpg

    Since it first happened as I was working with the theme, I asked on their forum. It's a premium theme and the support there is pretty good. But they kept saying "not our problem." Well, maybe not, but I hoped that someone might help me figure it out. So, I'm asking here. I know this isn't a Gravity Forms issue, but it is affecting the submit button on those forms too. I don't know what to do to fix it and am hoping to get some guidance here.

    Here's the page: http://featherrivercountry.com/contact/ I use the latest versions of IE, FF, Opera & Chrome on a Windows7 PC. The buttons only look normal (standard button type normal) in Chrome, for some reason. Something in my WordPress system is causing that button to get ugly on my website. I have 12 other websites that the button looks normal in all browsers. I didn't change anything on Google CSE for this site.

    Thanks for any help you can offer.

    Jim

    Posted 7 years ago on Saturday June 9, 2012 | Permalink
  2. The style is due to one of the stylesheets which is being included by your theme.

    As general CSS advice, you can target the button with more specific rules to ensure your styles are used, not the generic theme styles. If that fails, you can always add "!important" (note the leading exclamation mark) to your declaration.

    In this case, it may be quicker to work around the problem and fix it rather than trying to figure out exactly why it's happening.

    Additional CSS reading:
    http://css-tricks.com/specifics-on-css-specificity/
    http://css-tricks.com/when-using-important-is-the-right-choice/

    Hope that helps.

    Posted 7 years ago on Monday June 11, 2012 | Permalink