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.

Submit Button and Bullet Point Issues

  1. bcpettit
    Member

    Having issues on my website. http://www.toastcreativegroup.com/get-a-quote
    The bullet points are showing up on the forms and they look awful. They look bad in firefox and worse in chrome/IE. I have browsed the forums and tried the FAQ suggestions to no avail. How can I get these looking right?

    The submit button isn't inheriting the default theme styling for submit buttons. I also noticed on my multi page forms (I'm using the beta version) IE
    http://www.toastcreativegroup.com/client-area/web-questionaire/ the next and previous buttons are not styled at all. Honestly I wouldn't mind if there was no styling on the submit button and just looked plain like the other 2. I don't really need to have any specific styling there. I just need to have everything uniformed!

    I just purchased this plug-in and I'm hoping it will work out well and I will upgrade to the developer rate. Thanks in advance!

    Posted 10 years ago on Saturday November 27, 2010 | Permalink
  2. It's nothing difficult. Try adding this to your style.css file

    /* remove bullet images */
    body .gform_wrapper ul {list-style-image:none!important}
    
    /* add padding to button and reset font size */
    body .gform_wrapper .gform_footer input.button {padding:0.7em 0.8em; font-size:1em}

    test screenshot: http://grab.by/7BpU

    Posted 10 years ago on Saturday November 27, 2010 | Permalink
  3. bcpettit
    Member

    I actually had to had it to the forms.css file within the gravity forms plugin for it to work. I use the builder theme from ithemes.com (where I heard about your plugin actually) And I guess they have it routed so that the forms.css file comes after the style.css? I'm a noob when it comes to this stuff.

    Anyways, it worked none the less.

    Posted 10 years ago on Saturday November 27, 2010 | Permalink
  4. Just a word of caution, when you auto-update the plugin, the forms.css file gets overwritten along with any changes you add there.

    I'm not very familiar with the builder theme, but they may have a custom css file that you need to put the styles into. I would check with the team there to ask about the best place to put the custom css rules.

    Posted 10 years ago on Saturday November 27, 2010 | Permalink
  5. I am also using iThemes Builder, and this fix worked for me, but I placed in my child theme's "style.css" stylesheet file.

    Thanks for the solution - I searched quite a bit to finally find it! :)

    Posted 10 years ago on Sunday December 5, 2010 | Permalink
  6. Aboutye
    Member

    Hi

    I am having the same issue regarding the bullet images.

    Running Wordpress with a theme, none of the two solutions above works.

    Any suggestions?

    Cheers

    Posted 10 years ago on Monday December 6, 2010 | Permalink
  7. Post a URL to your form and I can take a look. Without seeing it, no suggestions.

    Posted 10 years ago on Monday December 6, 2010 | Permalink
  8. Aboutye
    Member

    Sorry about that.

    The page http://www.iaati.org.uk/?page_id=735 is password protected from public view no great secret, so no problem posting the password which is iaati999

    Cheers

    Posted 10 years ago on Monday December 6, 2010 | Permalink
  9. Aboutye
    Member

    Just sorted it. While looking at the FAQ it gives this:

    body .gform_wrapper ul,
    body .gform_wrapper li,
    body .gform_wrapper form li,
    body .gform_wrapper form ul li { list-style-type:none!important; list-style-image:none!important; background-image:none!important }

    Inserted into style of theme and bullets gone.

    Posted 10 years ago on Tuesday December 7, 2010 | Permalink
  10. Just got back around to look at this and see you've already whipped it. Great job. Thanks for the update.

    Posted 10 years ago on Tuesday December 7, 2010 | Permalink
  11. Aboutye
    Member

    Thanks Kevin.

    And to align it left with the rest of the form added

    ;margin-left: 0!important

    Now off to put Gravity forms on other websites, excellent and so glad I discovered Gravity.

    Green and Black Rules!

    Cheers

    Posted 10 years ago on Tuesday December 7, 2010 | Permalink
  12. Robert-UK
    Member

    Thanks guys for posting this, was trying to find the right CSS for the same result.

    Posted 10 years ago on Wednesday January 12, 2011 | Permalink