background color of confirmation messages

Hi @rain21,

Thanks for reaching out! I understand you’re trying to customize the background color of your confirmation messages and it’s only applying on mobile, even with !important.

To help you troubleshoot this, we actually have a detailed guide with CSS snippets specifically for customizing the confirmation message box styling. It covers different aspects of customization and might offer some insights or alternative CSS selectors that could work better in your case. You can find it here.

If you’re still having trouble after checking out the guide, could you please share the URL of the page where your form is embedded? This will allow me to take a closer look at the form and the surrounding CSS to see if I can identify what might be causing an issue to customize the confirmation message box.

Thanks.

Hello! Thank you. Unfortunately, there is no change. Here are the pages of the site.

1. page
2. page
3. page

Thanks.

• This reply was modified 1 month ago by rain21.

Hi @rain21,

Thanks for the update and for sharing the site pages!

It looks like there might be a styling conflict between your site’s theme and the form’s confirmation message styles. To make sure our custom styles take precedence, please try using this more specific CSS snippet:

div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #ffffff !important;
    border: 1px solid #000000 !important;
}

div.wpforms-container-full .wpforms-confirmation-container-full p, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p{
    color: #ff0000 !important;
}

If you’re not sure how to add this custom CSS to your site, we have a helpful tutorial that walks you through the different ways to do it: https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/.

Please give this CSS a try and let me know if it makes a difference!

Thanks!

Hi @rain21,

We haven’t heard back from you in a few days, 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!