Styles are not applied to the entire form

Hi @precaint,

Thanks for reaching out!

We have a built-in style editor that is available for the block editor and all Full Site Editor themes. You can learn more about this here:?https://wpforms.com/docs/styling-your-forms/.

With it, you can configure border radius for your fields, and here’s a screenshot as an example.

In case your site does not use the block editor, an alternative option is to create your own CSS. We currently have two starter articles on the topic:

1) Styling WPForms With Custom CSS (Beginner’s Guide) (best to start here)

2) Customizing the Style of Individual Form Fields (builds upon that first tutorial)

I hope this helps!

no entiendo esto, porque cuando estoy editando con gutenberg el formulario si respeta la regla css de border radius, y se ve así:

And once I update it and put it in user view, it no longer respects the border radius CSS rule or any other change, for example the background color, and it is only applied to the large comments box.

Hi @precaint,

It seems the issue is related to custom CSS on your site.

To address it, you can use a CSS snippet like this:

.wpforms-form .wpforms-field.wpforms-field-text input, .wpforms-form .wpforms-field.wpforms-field-name input, .wpforms-form .wpforms-field.wpforms-field-email input {
    border-radius: 10px !important;
}

Here’s a screenshot from what you should see.

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

In case the issue continues, please try using the steps in WPBeginner’s detailed guide on troubleshooting WordPress.

I hope this helps!

Hi @precaint,

We haven’t heard back from you in a few days, so 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!