• Resolved elliotmch

    (@elliotmch)


    Hi there. On the home page of my site http://www.mariness.co.uk , I have a contact form about halfway down the page. However, when you complete the form (it uses WPForm plugin) , the success message displays in grey, which is very hard to read against the blue. Can someone help with CSS to make that text white? My site uses Elementor too if that helps.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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: http://htmlcolorcodes.com/.

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

    I hope this helps!

    Thread Starter elliotmch

    (@elliotmch)

    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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change success message colour’ is closed to new replies.