Change success message colour

Hi @elliotmch ,

Thank you for contacting us!

You can absolutely change the confirmation box color, and this will just require a bit of custom CSS. I’ll share two options below:

1) If you’d like to remove all styling from the confirmation, you can use the CSS snippet here.

2) To only change the background color, you could use this CSS snippet:

div.wpforms-confirmation-container-full {
    background: #ffffff; 
}

The hex value above (#ffffff, which is white), can be changed to any color you’d like. If you’re not sure what hex value you need, here’s a color/hex generator I like to use: https://htmlcolorcodes.com/.

In case it helps, here’s a tutorial from WPBeginner on easy ways to add custom CSS like this to your site: https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

I hope this helps!

Hi there,
I added this code but it hasn’t seemed to work. I added it to the customiser > additional CSS section. Please could you take another look

Thanks

Hello @elliotmch,

Please try this code:

div.wpforms-confirmation-container {
    padding: 5px !important;
    background-color: #fff !important;
}


div.wpforms-confirmation-container p {
    margin-bottom: 0;
}

Please also feel free to add more customization to the code to fit the design of your page.

I hope this helps.

Hi @elliotmch,

We haven’t heard back from you in about a week, 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 (please just see my post above).

Thanks!