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.

Forms and Artisteer Themes

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Dexter2907
    Member

    Hi. I've tried the css fix for bullet points in gravity forms but not having any luck. Please help.
    http://www.wocc.com.au/
    Cheers
    Rosie

    Posted 12 years ago on Monday August 13, 2012 | Permalink

  2. Chris Hajer
    Key Master

    Try adding this to your theme's stylesheet. I'm not sure where Artisteer recommends adding your custom CSS, but this needs to go there. This will remove the hand image from before the field name:

    [css]
.gform_body .art-postcontent ul>li:before,  .art-post ul>li:before,  .art-textblock ul>li:before {
   content: '';
}
    Copy
    Posted 12 years ago on Monday August 13, 2012 | Permalink

  3. Dexter2907
    Member

    Thanks Chris. But then I lose the hand throughout the site.
    Cheers

    Posted 12 years ago on Monday August 13, 2012 | Permalink

  4. Chris Hajer
    Key Master

    Sorry, I skipped the .gform_body on the second and 3rd selector. Try this please:

    [css]
.gform_body .art-postcontent ul>li:before,
.gform_body .art-post ul>li:before,
.gform_body .art-textblock ul>li:before {
   content: '';
}
    Copy
    Posted 12 years ago on Monday August 13, 2012 | Permalink

  5. KarlaAdams
    Member

    Hello, I have placed this code in my artisteer generated theme in the CSS section at the bottom, and still come up with bullets for each form field.

    Here is a sample:
    http://www.listingsup.com/get-started/

    Posted 12 years ago on Thursday September 20, 2012 | Permalink

  6. Rob Harrell
    Member

    This should do the trick for you:

    [css]
body .gform_wrapper form .gform_body ul,
body .gform_wrapper form .gform_body 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
    Posted 12 years ago on Friday September 21, 2012 | Permalink

  7. KarlaAdams
    Member

    Yeah! Thank you! Beautiful!

    Posted 12 years ago on Friday September 21, 2012 | Permalink

  8. Rob Harrell
    Member

    No problem, glad to help!

    Posted 12 years ago on Friday September 21, 2012 | Permalink

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