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.

Form appears as a list with > next to each field

Gravity Support Forums » Plugin Support » Gravity Forms

  1. boundlessdata
    Member

    http://www.brokerstitle.net/locations/tampa/ is using the Sansation theme which has > as the default list marker. So on every form the greater than character appears next to each field because it is viewed as a list. Any idea how I can correct this problem?

    Posted 13 years ago on Sunday November 14, 2010 | Permalink

  2. boundlessdata
    Member

    This line of code helped.
    .gform_body li {background-image: none !important;}
    However, the fields seem to be indented in as if they are still part of a list.

    Posted 13 years ago on Sunday November 14, 2010 | Permalink

  3. Kevin Flahaut
    Administrator

    They are part of a list and are inheriting margins from your theme CSS. Add this to the end of your theme style sheet and you should be good to go.

    .gform_wrapper ul.gform_fields {margin:0!important; padding:0!important}
.gform_wrapper ul.gform_fields li.gfield {margin-left:0!important; padding-left:0!important}

    test screenshot

    Posted 13 years ago on Monday November 15, 2010 | Permalink

  4. boundlessdata
    Member

    That worked. Thank you.

    Posted 13 years ago on Monday November 15, 2010 | Permalink

  5. Colinz
    Member

    I have the same issue and although the fields moved slightly when l copied and pasted the code to the child style.css left by Kevin the > is still present just above the text. Any ideas?

    Thanks

    Posted 12 years ago on Tuesday June 7, 2011 | Permalink

  6. Colinz
    Member

    FYI, l temporarily removed the fields that (only just) exceeded the sidebar width, but the '>' remained. When the same form loads on a full width page there is no '>'.

    Posted 12 years ago on Tuesday June 7, 2011 | Permalink

  7. David Smith
    Member

    HI Colinz, if you post a link to your form we can better help you with this. :)

    Posted 12 years ago on Tuesday June 7, 2011 | Permalink

  8. Kevin Flahaut
    Administrator

    @colinz it sounds like your default forms.css file isn't being loaded properly. The field widths are in percentages so the textareas normally fit fine in most sidebar applications with the default styles. As David suggested, it would be really helpful to see your form so we can give you a definitive answer rather than our best guess.

    Posted 12 years ago on Tuesday June 7, 2011 | Permalink

  9. Colinz
    Member

    Thanks for getting back to me, here's the temp url: http://173.254.20.31/

    Posted 12 years ago on Tuesday June 7, 2011 | Permalink

  10. Kevin Flahaut
    Administrator

    There is some theme-specific CSS rules that apply a background image (the > you're seeing) to list items in the sidebar. The form is inheriting from that rule. Add this to the end of your theme stylesheet and it should override the theme defaults.

    [css]
#sidebar .gform_wrapper li, #sidebar-alt .gform_wrapper li {
	background-image:none;
	padding:0!important
}

    screenshot: http://grab.by/aiYg

    Posted 12 years ago on Tuesday June 7, 2011 | Permalink

  11. Colinz
    Member

    Brilliant !

    Thanks Kevin - all tickerdeeboo now.

    Posted 12 years ago on Wednesday June 8, 2011 | Permalink

  12. Kevin Flahaut
    Administrator

    Wonderful. Thanks for the update.

    Posted 12 years ago on Wednesday June 8, 2011 | Permalink

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