Removing stray bullet points from your Gravity Forms

Gravity Forms is a great plug-in for creating amazing forms quickly and easily on your site.  But after you have installed the plugin, setup a form you notice that there are stray bullet points (bullet list items) appearing on your form.  Well, there is a way to “hide” them or turn them off.  Depending on your template and CSS code, you might have to edit the Div Id or Class names before it will remove them on your site.

Add this code into your Stylesheet (CSS) file.  I’ve bolded the parts you might have to change to match your div tags.

#content .gform_wrapper form .gform_body ul{
list-style:none;
margin:0;
padding:0 0 0px 0px;
}
#content .gform_wrapper form .gform_body ul li{
position:relative;
list-style:none outside;
}
#content .gform_wrapper form .gform_body ul li:before{
content:””;
left:-22px;
position:absolute;
top:9px;
width:5px;
height:4px;
background: none;
}

Leave a Reply

Your email address will not be published. Required fields are marked *

image_description