Change WPForms background button colors

Posted in: Newspaper
Post count: 23
romkilla
#312308
Sep 13, 2019 at 11:10 am

Hello i would like to change the WPForms button colors but unfortunately i can’t find the option.

Here is a link with the button:

https://partificiels.com/index.php/contact/

I would like the button to be black (#4bb2ed hover)

Thank you for your help.

Post count: 35449
Calin
#312374
Sep 13, 2019 at 4:41 pm

Hello,

You can try this custom css to change the background color for the submit button -> http://prntscr.com/p5oxrf
div.wpforms-container-full .wpforms-form button[type=submit] {
background-color: #4bb2ed;
}
The code need o be set in theme pane> custom code> custom css

Hope this will help you!
Thank you!

Post count: 23
romkilla
#312379
Sep 13, 2019 at 4:59 pm

Thanks Calin ! It works, but can you please share whith me the code with the color inverted.

Thanks !

Post count: 35449
Calin
#312524
Sep 16, 2019 at 10:53 am

Hello,

I think that you are referring to the hover color, if is so then you can use this custom css -> http://prntscr.com/p6nmvg
div.wpforms-container .wpforms-form div.wpforms-submit-container button[type=submit]:hover {
background-color: red;
}
Fill free to change the colors how you want!

Thank you!

Post count: 23
romkilla
#316857
Oct 22, 2019 at 5:03 pm

Hello @Calin The first code you gave me doesn’t work anymore. Do you have a fix please.

Thanks.

Post count: 35449
Calin
#316907
Oct 23, 2019 at 7:36 am

Hi,

Please replace the css for background color with this one https://www.screencast.com/t/1KlzURJwc91u
div.wpforms-container .wpforms-form div.wpforms-submit-container button[type=submit]:hover {
background-color: red;
}

Thank you!

  • This reply was modified 6 years by Calin.
Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.