How to change the colour of Bloom signup form success icon in Divi

Oct 19, 2017 | Bloom, CSS tweaks, Divi Theme, Plugins

If you are using Bloom with your Divi theme, you can choose much of your signup form styling from withing the settings for each signup. But you may want to change the colour of the success ‘check mark’ icon to match your website’s design.

Use the following CSS snippet to change the colour of Bloom’s default success ‘check mark’ icon:

(Change the colour to your chosen colour.)

/* Bloom signup form success icon */

.et_bloom .et_bloom_success_container.et_bloom_animate_success span.et_bloom_success_checkmark {
background-color: #ffffff;

Where to paste the CSS snippet

Navigate to Divi>Theme Options and at the bottom of the default “General” tab, paste the CSS snippet into the “Custom CSS” box and save changes.


Child Themes

We recommend using a child theme. It is your insurance against losing your custom work in updates.

Click here for instructions on adding a basic Divi child theme with a stylesheet (for custom CSS).

Click here to learn more about child themes and getting the most out of the Divi theme.


Want more module options for your Divi website?

Check out our Custom Modules for Divi
Browse Custom Modules