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.

Why is ">" next to every entry on my form?

  1. On my form I have this ">" next to every entry (Check box, Field, etc) why? & How do I make them go away.

    Here is the page.

    http://highplainsweb.com/clients/love2shop/?page_id=38

    Thx

    Shawn

    Posted 7 years ago on Tuesday October 16, 2012 | Permalink
  2. your theme stylesheet is adding an image background to all of your list items and your form is inheriting it. It's a theme issue and not something with your form.

    Your style.css file line 2148 has this

    [css]
    .postcontent ul > li:before, .post ul > li:before, .textblock ul > li:before {
        bottom: 2px;
        content: url("images/postbullets.png");
        display: inline-block;
        font-size: 0;
        line-height: 0;
        margin-right: 6px;
        position: relative;
        vertical-align: middle;
    }

    You can try this fix to see it it corrects the issue for you.

    http://www.gravityhelp.com/question/why-is-my-form-showing-up-with-list-bullets/

    Posted 7 years ago on Tuesday October 16, 2012 | Permalink
  3. That is because Gravity Forms form fields are list items, and your theme has included a background image for the list bullets. See line 2148 in http://highplainsweb.com/clients/love2shop/wp-content/themes/Love2Shopv4/style.css

    [css]
    .postcontent ul > li:before, .post ul > li:before, .textblock ul > li:before {
        bottom: 2px;
        content: url("images/postbullets.png");
        display: inline-block;
        font-size: 0;
        line-height: 0;
        margin-right: 6px;
        position: relative;
        vertical-align: middle;
    }

    See this FAQ item:
    http://www.gravityhelp.com/question/why-is-my-form-showing-up-with-list-bullets/

    You can override that by adding this to the bottom of your theme's stylesheet, or wherever your them provider suggests making custom CSS changes:

    [css]
    body .gform_wrapper form .gform_body ul  li:before {
        content: none;
    }

    That took care of it for me. Screenshot: http://minus.com/lbqxAyevNK6wvD

    Posted 7 years ago on Tuesday October 16, 2012 | Permalink
  4. Damn that Kevin! :-)

    Posted 7 years ago on Tuesday October 16, 2012 | Permalink
  5. Thank you :)

    Posted 7 years ago on Tuesday October 16, 2012 | Permalink

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