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.

remove bullets field label -- need help with CSS

Gravity Support Forums » Plugin Support » Gravity Forms

  1. gnowfglins
    Member

    Hi, I'm trying to get rid of bullets displaying by the field labels. It's coming from my theme and I can't figure out how to override it.

    The bullets are coming from:

    #content .post ul li, #content .page ul li, #header .widget-area ul li {
    list-style: disc outside none !important;
}
    Copy

    I've tried this (and forms of this) to get rid of the bullets; it doesn't work.

    .gfield_label ul li {
list-style-type: none !important
}
    Copy

    I cleared cache each time I made a CSS change. Also my theme minimizes CSS so I made sure the minified.css file was updated, too.

    The form is displaying on this test page:
    http://gnowfglins.com/contact-testing

    Thank you for your help!

    Posted 11 years ago on Sunday July 7, 2013 | Permalink

  2. Richard Vav
    Administrator

    Hi,

    You are correct about which CSS styles are at fault, more specifically it is the

    #content .page ul li
    selectors so try adding the following to your custom.css file
    #content .page .gform_wrapper ul,
#content .page .gform_wrapper ul li {
	list-style-type: none !important;
	list-style-image: none !important;
	list-style: none !important;
	background-image: none !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important
}
    Copy

    Regards,
    Richard

    Posted 11 years ago on Sunday July 7, 2013 | Permalink

  3. gnowfglins
    Member

    Richard, thanks for your quick reply. I did as you suggested but the bullets are still there.

    I did go ahead and put the form on my real contact page (wow, everything else about it is GREAT!):

    http://gnowfglins.com/contact/

    Cleared cache, etc.

    Any other ideas? Thank you!

    Posted 11 years ago on Sunday July 7, 2013 | Permalink

  4. Richard Vav
    Administrator

    Try clearing your browser cache as well because I don't see the bullets when viewing your real contact page or the testing page.

    Regards,
    Richard

    Posted 11 years ago on Sunday July 7, 2013 | Permalink

  5. gnowfglins
    Member

    Thanks! You're right. :)

    Posted 11 years ago on Monday July 8, 2013 | Permalink

  6. Richard Vav
    Administrator

    You're welcome.

    Posted 11 years ago on Monday July 8, 2013 | Permalink

This topic has been resolved and has been closed to new replies.