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.