Ordered list within Section Break Description

Gravity Support Forums » Plugin Support » Gravity Forms

royalston
Member

Hello,

I'm trying to create a numbered ordered list within the Section Break's description. The HTML code I used is here:

http://www.pastie.org/1456608

I thought the proper CSS code would be (for form 11):

body #gform_wrapper_11 .gform_body .gform_fields .gsection {list-style-type: decimal}

However, that didn't work. Ironically, when I tried the online example, just to make sure some css would work, I couldn't get it to work either:

body #gform_wrapper_11 .gform_body .gform_fields .gsection {border:1px solid red}

The URL is:

http://mountpalomarbiblecamp.org/test-list/

Will you let me know what I am doing wrong, please?

Thanks,
Roy

Posted 13 years ago on Thursday January 13, 2011 | Permalink
David Smith
Member

Give this a try and let me know how it works out. :)

.gform_wrapper .gsection_description ol li { list-style-type: decimal !important; overflow: visible !important; }

Posted 13 years ago on Thursday January 13, 2011 | Permalink
royalston
Member

Hi David,

Thanks for the help. Unfortunately, that didn't work. Any ideas?

Thanks,
Roy

Posted 13 years ago on Friday January 14, 2011 | Permalink
David Smith
Member

I don't see the CSS snippet I provided in the stylesheet? Did you remove it because it did not work? If so, could you add it back so I can see which styles are overriding it? Thanks. :)

Posted 13 years ago on Friday January 14, 2011 | Permalink
royalston
Member

Hi David,

Sorry for the delay. I didn't get the email notification.

The snippet is there. It's found in the last line of the stylesheet:

/wp-content/themes/BuilderChild-Slate/style.css

Thanks,
Roy

Posted 13 years ago on Friday January 14, 2011 | Permalink
David Smith
Member
Ah, my mistake. It should have been ".gform_description" rather than ".gsection_description".
```
.gform_wrapper .gform_description ol li {
  list-style-type: decimal !important;
  overflow: visible !important;
}
```
If it's on a field description, just add ".gform_wrapper .gfield_description ol li" to the select list.
Posted 13 years ago on Friday January 14, 2011 | Permalink
royalston
Member

Great! Thanks!

Posted 13 years ago on Saturday January 15, 2011 | Permalink
royalston
Member

Hi David,

I spoke to quickly. I took your code and applied it to my actual form:

http://mountpalomarbiblecamp.org/test-form/

The first and third boxes (section breaks) have lists in them; however, it is just showing up as indented items without the numbers. What am I doing wrong?

Your code worked for the test form, but not this form.

Thanks,
Roy

Posted 13 years ago on Saturday January 15, 2011 | Permalink
David Smith
Member
No problem. We just need to specify that we also want this style to affect section descriptions as well:
```
.gform_wrapper .gform_section ol li,
.gform_wrapper .gsection_description ol li {
  list-style-type: decimal !important;
  overflow: visible !important;
}
```
Posted 13 years ago on Saturday January 15, 2011 | Permalink
royalston
Member

Thanks, David! I really appreciate the help and coaching!!

Roy

Posted 13 years ago on Saturday January 15, 2011 | Permalink

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