Styling with CSS Class/Remove bullets

Is there a link to a form on one of your sites where we can see this happening and then can create a quick CSS code snippet based on what you are trying to do?

Right now your theme stylesheet is tellingall LI elements to use a background-image for a bullet. To eliminate the inheritance of the list background-image you can place this code in your themes stylesheet file:

.gform_body li {background-image: none;}

This sets the background image of all li's within the gform_body class to none.

You would use similar code to style other elements of the form. You will need to view the source to see what class and id's are being used for the form to know what to styles you will need to override.

Hello John, this is due to inheritance from your theme. You can get around this by changing the following in your CSS.

Change this in your theme CSS from:

.gform_body li {background-image: none;}

To this:

.gform_body li {background-image: none !important;}

I'm not sure why you're not having luck with adding a class name, but I would venture to guess that it's being applied correctly and some other style declaration is overriding what you're trying to do.

I don't see any extra classes custom classes in your form markup right now so it's hard to tell for sure.

The "!important" is basically in the examples we sent as a way to override inheritance from other styles. It's not because of a bug, it's just a way to ensure the new style declaration is prioritized.

If you're wanting to make extensive changes to your form, this is the recommended way to go ahead with it. Go to the wp-content/plugins/gravityforms/css folder, open up the forms.css file and copy the entire contents to your clipboard. Then, go to your theme folder, open up the theme style sheet and paste the form styles at the end of the document (don't overwrite what's there, just append).

After that, go to the Gravity Forms settings page in WP and uncheck the "output CSS" option at the top, right below the license key field. That way, GF won't load the default styles.

Now you can modify the form styles in your theme style sheet to your liking.

If you were to make extensive mods to the default forms.css, when you automatically update the plugin they would be overwritten so that's the reason we suggest doing it this way.

gform_body element may not be there because it isn't styled by default. But the class exists in case you want to target it.

Kevin's code targeted all li's within gform_body so that only the li's within that container would be changed. It is just one of many ways to do what you are trying to do with removing the bullets.

How wide you cast your net as far as CSS inheritance goes is going to vary depending on what you are trying to accomplish.

Unfortunately some themes developers make the decision to cast their net so wide that it causes CSS inheritance on elements end users aren't going to want... such as the bullets you wanted tremoved.