I am wanting to add some padding or spacing around my Section Headers in my form. The headers blend in to all of the other questions and I just want them to be more visible. Any custom CSS recommendations etc. would be much appreciated!
Can you share a link to the page on your site where we can see the form in question?
Here’s the selector and rules I use to target section headers. It gives the look shown below.
body .gform_wrapper ul.gform_fields li.gfield.gsection {
background-image: linear-gradient( to left, rgb(215, 215, 215), rgb(231, 211, 186) 300% );
margin-top: 3em;
padding: 1em !important;
border: 1px solid #3F3F3F;
border-top: 5px solid #3F3F3F;
}
1 Like