Gaps between the fields and box

Hello @aibtreger,

To do what you mentioned, you can add the CSS below on your site:

div.wpforms-container-full .wpforms-form .wpforms-one-half {
    margin-left: 2%;
    width: 49%;
}

And in case it helps, here’s a tutorial from WPBeginner on how to add custom CSS like this to your site.

Hope this helps!

Hello Jade. Thanks for the snippet, but it doesn’t do what I wanted. It decreased a little the gap between the First name and Last Name fields.
I wanted to increase the gaps between the fields and the box so they are the same as in my other forms.

Hello @aibtreger,

To increase the gap around the form from the border that surrounds it, you can add a padding to the form container through CSS.

Please try this code:

div.wpforms-container-full {
    padding: 20px 30px !important;
}

Feel free to change the values of the padding in the code above.

Kindly also note that further customization from here goes beyond the scope of our support. However, to get you started, you can check this guide on how to style your forms through CSS.

I hope this helps!

Thanks, Jade.

Hi @aibtreger,

You’re most welcome! I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.

Thanks!