Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
A simple light grey inline alert with an example link. Check it out!
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings. Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
A simple light blue inline alert with an example link. Check it out!
A simple dark blue inline alert with an example link. Check it out! Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings. Your content goes here. Edit or remove this text inline or in the module Content settings.
You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
A simple light red inline warning alert with an example link. Check it out!
A simple dark red inline warning alert with an example link. Check it out! Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings. Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Adding an icon happens by using the code below. See Adding Divi Icons Anywhere to see how to use the code, and the Elegant Icon Font (halfway down the page) to find the unique code for each icon. This example is a version of the one in use on the Library page.Â
The alert below, shows the this in the Text editing tab (after being saved):
<p style=”text-align: center;”><span class=’et-pb-icon’ style=’font-size: 33px; color: red;’>s</span> Databases are currently down and we are working to restore access.</p>
The “s” is where the unique code for the icon went, so when it was first entered it looked like this which is correct…
<p style=”text-align: center;”><span class=’et-pb-icon’ style=’font-size: 33px; color: red;’>s</span> Databases are currently down and we are working to restore access.</p>
Databases are currently down and we are working to restore access.