Hi @avantiprodu,
Please try the following custom CSS snippet:
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
background-color: green !important;
color: white !important;
}
And in case it helps, here’s a tutorial on how to add custom CSS like this to your site.
Hope this helps!
Hi!
I’ve tried this code and check the tutorial but none of them is working, I don’t understand why.
I was using this code:
/*Botón Enviar Formulario Contacto*/
.wpforms-form input[type=submit],
.wpforms-form button[type=submit] {
background-color: #000 !important;
border: 1px solid #000;
color: #fff;
}
.wpforms-form input[type=submit]:hover,
.wpforms-form input[type=submit]:active,
.wpforms-form button[type=submit]:hover,
.wpforms-form button[type=submit]:active,
.wpforms-form .wpforms-page-button:hover,
.wpforms-form .wpforms-page-button:active {
background-color: #e0040b;
border: 1px solid #e0040b;
}
I have no idea why is not working, I had other codes and work fine…
Hi @avantiprodu,
Could you please try using the below code and let me know how it goes?
/*Botón Enviar Formulario Contacto*/
.wpforms-form input[type=submit],
.wpforms-form button[type=submit] {
background-color: #000 !important;
border: 1px solid #000 !important;
color: #fff !important;
}
.wpforms-form input[type=submit]:hover,
.wpforms-form input[type=submit]:active,
.wpforms-form button[type=submit]:hover,
.wpforms-form button[type=submit]:active,
.wpforms-form .wpforms-page-button:hover,
.wpforms-form .wpforms-page-button:active {
background-color: #e0040b !important;
border: 1px solid #e0040b !important;
}
If the issue still persists, you can go to WPForms > Settings and look to the dropdown labeled Include Form Styling (shown in this screenshot). In that dropdown, select Base styling only.
Please let me know how it goes.
Hi @niksebastian ,
I’ve tried this new code and I’ve also change to base styling only, now I see the button with no borders and white, I’ve only see the text but if I change the style it’s still not working.
Any other idea?
Thanks!
Hi @avantiprodu — could you please switch back to the Include Form Styling to Base and Theme styling as mentioned here
Once that is switched, please let me know here so that I can take a look.
Thank you!
Hi,
I’ve change this configuration again but it’s still not working.
Let me know how to proceed.
Thanks!
Hi @avantiprodu — could you please confirm if you are adding this CSS code in Appearance » Customize » Additional CSS. and see if that works for you?
Here is a guide to add the CSS code to your website (in case it helps)
Also, please try to purge the cache in case you have an aggressive caching system installed on your site.
Thanks, and please let me know.
Hi!
That’s where I put the code, in Appearance » Customize » Additional CSS and it’s not working. I have other bunch of codes working but this one doesn’t want to work.
Hi @avantiprodu,
I apologize again for the trouble you’re facing and we’d like to investigate this issue further. However, this will require a more extensive troubleshooting where login access to your site will be needed which does not conform to the rules of the WordPress.org support forums.
Please consider upgrading to a paid version of WPForms, as it includes a dedicated email support channel where our support team will be able to take a closer look at issues of this nature.
In case it helps to know, we have a refund policy where if over the first 14 days decide WPForms isn’t a good fit, then we’ll happily refund 100% of your money. No questions asked.
Hi @avantiprodu — I just wanted to follow up if you still need any help with this one?
Thanks, and please let us know 🙂
I couldn’t make it work 🙁
Hi @avantiprodu,
Sorry to hear that! This likely seems to be a theme or secondary styling plugin that is causing the conflict here. Probably the styles are getting overridden in this case.
If you’d like to test for conflict, you can begin by creating a backup of your site (if you don’t have a way to do this yet, here are some WPBeginner-recommended options).
Next, deactivate all plugins except WPForms to see if there are any changes to the issue. If so, you can reactivate them one by one while observing for any change to the plugin to identify the conflicting plugin.
If the error persists, you might want to test for theme conflict by switching to a default WordPress theme like TwentySeventeen to see if this resolves the issue. Once you’re able to identify the conflicting plugin or theme, you might want to reach out to the plugin or theme’s support to see if they can provide a solution for this.
For a detailed guide on the above troubleshooting methods, please see our article here.
Hope this helps 🙂
Hi @avantiprodu,
We haven’t heard back from you in a while, 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!
