Warning: call_user_func() expects parameter 1 to be a valid callback, class 'ET_Builder_Module_Helper_Style_Processor' does not have a method 'process_extended_icon' in /home/customer/www/bel.adeoadvocacy.com/public_html/wp-content/themes/Divi/includes/builder/class-et-builder-element.php on line 19057
Framework
Global Presets UI Style Guide
01. Color palette
In this part of the style guide, you can modify each color inside the Text Module’s background settings. Use that same color code inside the Text Module below it to have a written version of the color code too. Use these color codes inside your Divi Theme Builder default color palette afterward.
#FFFFFF
#f3793a
#24aae1
#2cb34b
#273990
#ab2e92
Section Gradient Background – #fff –> #f2f2f2
02. Text styles
In the second part of this style guide wireframe, you can style your different text types. You’re also provided with a primary, secondary and tertiary option, each of which you can afterwards turn into individual presets.
Primary
Secondary
Tertiary
Heading 1
Heading 1
Heading 1
Heading 2
Heading 2
Heading 2
Heading 3
Heading 3
Heading 3
Heading 4
Heading 4
Heading 4
Body
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
List
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
All in one
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorum ipsum dolor sit amet.
- Lorum Ipsum
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Lorum Ipsum
03. Modules
The last part of this style guide handles some of the most-used modules inside Divi. Here, we’re also providing you with a primary, secondary and tertiary version of each module which you can style and add as a global preset. Feel free to create more alternative designs for each module.
Primary
Secondary
Tertiary
Button
Blurb
Your Title Goes Here
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 Title Goes Here
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 Title Goes Here
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.
Email optin
Contact form
Image
Call to action
Your Title Goes Here
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 Title Goes Here
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 Title Goes Here
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.
Divider
Social Media Follow
Toggle
Your Title Goes Here
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 Title Goes Here
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 Title Goes Here
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.
Video
Accordion
Your Title Goes Here
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 Title Goes Here
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 Title Goes Here
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 Title Goes Here
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 Title Goes Here
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 Title Goes Here
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.
Blog
All in, We Win! A Digital Conversation Series
Get ready to go all-in this fall and participate in a series of digital chats with some of our nation’s foremost thought leaders and change-makers. These digital conversations will offer the chance to listen, learn, ask questions, and network. Hear some homegrown...
Briefings with Brooke – Online!
Part of my job as an elected official is to make sure you have access to information and resources. That's why I'm so pleased to be bringing you a series of "briefings" - online conversations where YOU can ask questions (either beforehand or via chat during the...
More Than a Hashtag
June 1, 2020 Friends and Neighbors, I had an email planned for today - the day before Election Day in Maryland - but after the tragic and horrific murder of George Floyd last week, and the national protesting - it is important for me to say more than just "Go...
2020 End of Session Report
Friends and Neighbors, To download a PDF of this letter, click here. For the first time since the Civil War, the Maryland General Assembly adjourned early this year due to the COVID-19 pandemic. This decision to adjourn the legislative session did not come lightly....
Update from Annapolis
Special UpdateFriends and Neighbors,As you may have heard, the Legislative Session will be ending early tomorrow, Wednesday, March 18, due to the emergency public health protocol in place to address the Coronavirus. The World Health Organization has declared the...
Annapolis Update: Halfway Done
This weekend marked the halfway point of the legislative session – we have 45 days to go! As I have learned, however, even though we only have 45 days left, we have way more than half the work left to accomplish. Now begins the sprint to Sine Die, the last day of...
Team 46 Town Hall
We held our annual Team 46 Town Hall this weekend! We had great turnout from constituents, young and old, from many corners of the district. Many people requested that we post the Power Point presentation we did online, as well as links to some of the resources we...
Annapolis Update: Bill Hearings & Team 46 Town Hall
February 10, 2020 Friends and Neighbors, Parents of grown children often tell me that the “days are long but the years are short.” Well, in Annapolis, the days are long but the weeks fly by! I am working every day on my own legislation, in my new Committee and...
Annapolis Update: Picking Up the Pace
January 27, 2020 | Volume VI-2Friends and Neighbors, What a busy two weeks! Although we had some breathing time during the first few days of session, we are well underway now in the 2020 Legislative Session and the pace has been furious. Legislators have already...
2020 General Assembly Session: Back in Session
January 10, 2020 | Volume VI Friends & Neighbors, Greetings! For my sixth session in Annapolis, I am pleased to continue sending emails every other week with details about what we are working on and how you can stay updated and involved. If you have any...