Submit Button and Bullet Point Issues « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

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 13 years ago on Saturday November 27, 2010 | Permalink

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 13 years ago on Saturday November 27, 2010 | Permalink

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 13 years ago on Saturday November 27, 2010 | Permalink
Kevin Flahaut
Administrator

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 13 years ago on Saturday November 27, 2010 | Permalink
Ursula
Member

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 13 years ago on Sunday December 5, 2010 | Permalink
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 13 years ago on Monday December 6, 2010 | Permalink
Kevin Flahaut
Administrator

Post a URL to your form and I can take a look. Without seeing it, no suggestions.

Posted 13 years ago on Monday December 6, 2010 | Permalink
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 13 years ago on Monday December 6, 2010 | Permalink
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 13 years ago on Tuesday December 7, 2010 | Permalink
Kevin Flahaut
Administrator

Just got back around to look at this and see you've already whipped it. Great job. Thanks for the update.

Posted 13 years ago on Tuesday December 7, 2010 | Permalink
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 13 years ago on Tuesday December 7, 2010 | Permalink
Robert-UK
Member

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

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