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.

How can I include a bullert lIst in the field type HTML?

Gravity Support Forums » Plugin Support » Gravity Forms

  1. FOCUS_forms
    Member

    I'm trying to use the HTML field to insert a block of text with a few bulleted items, such as the following:

    Text
    * Item A
    * Item A
    * Item A

    I've tried to accomplish this by using the following tag structure,

    • Item A
    • Item B
    • Item C

    The display seems to ignore the tags and display only the text.

    Is there an easy way to incorporated the bulleted list?

    p.s. When I posted this question on the forum, my list displayed there exactly the way I wanted it to look in my form!

    Posted 13 years ago on Sunday April 3, 2011 | Permalink

  2. Kevin Flahaut
    Administrator

    since you didn't include a URL to your form, I can only guess at this..

    Lists work just fine in the HTML blocks so what is probably happening is that a CSS rule is hiding the bullets. You can reset them by adding this to the end of your theme stylesheet. 

    [css]
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul li,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul li {
    list-style-type: disc!important;
    overflow: visible;
}

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul {
    list-style-type: disc!important;
    margin: 0 0 1.5em 1.5em;
}

    my test: http://grab.by/9NFL

    Posted 13 years ago on Monday April 4, 2011 | Permalink