WPForms Background/Hover Colors for Submit Button Different From Theme’s

[ad_1]

I got my issue resolved from a WPForms’ person via direct email because I had also sent an inquiry by a form.

I only changed the code snippets provided (see below) to include my own custom colors and the !important statement as such:

{
background-color: #FAF243 !important; /* Yellow background */
}

{
background-color: #e5da00 !important; /* Darker yellow background */
}

Here is the CSS snippets that were provided. As mentioned, they work provided one puts in that statement, !important.

/* Change submit button color / div.wpforms-container .wpforms-form input[type=submit], div.wpforms-container .wpforms-form button[type=submit] { background-color: #FAF243; / Yellow background */
}

/* Change submit button's hover color / div.wpforms-container .wpforms-form input[type=submit]:hover, div.wpforms-container .wpforms-form input[type=submit]:active, div.wpforms-container .wpforms-form button[type=submit]:hover, div.wpforms-container .wpforms-form button[type=submit]:active, div.wpforms-container .wpforms-form .wpforms-page-button:hover, div.wpforms-container .wpforms-form .wpforms-page-button:active { background-color: #e5da00; / Darker yellow background */
}

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer