Hi @ckka,
Thanks for writing in.
There are some option you can take so that you will be able to override the WPForms styling through CSS.
1. Firstly, you can increase the level of specificity of your CSS selectors so that even if your style.css file loaded before the WPForms stylesheet, you CSS will be given precedence.
For example, the following selector comes with the WPForms stylesheet:
div.wpforms-container-full .wpforms-form input[type=text]
To override this, you can write your selector as:
body div.wpforms-container-full .wpforms-form input[type=text]
2. If you are working on a child theme, you can instead consider checking and making sure that your theme’s CSS is enqueued last.
3. Change the Include Form Styling setting of your setup. Please check here for more details.
I hope this helps.
Thread Starter
ckka
(@ckka)
Thanks Jade.
Trying to work this out.
Prefer option 2. But I just can’t figure it out. The WPforms css is loading in the footer and the theme styles in the header.
I may be able to work with option 3 setting of Base Styles only.
We shall see.
Appreciate your insight.
Hi @ckka,
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 (please just see my post above) or post a new thread if you have another question.
Thanks!
