Code for adding padding around Section Headers

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