Divi Theme

How to disable default text in the Divi footer

Your WordPress installation with the Divi theme by Elegant Themes will have a default footer: "Designed by Elegant Themes | Powered by WordPress" Within the Divi theme, there is a simple way to disable the footer text OR write your own custom footer text.   Step...

How to Globally Change the Website Font in Divi

NOTE: A module with a different font set in the Design settings tab will override the global font for that module. Step 1: Log in to your WP Admin panel. yourdomainname/admin   Step 2: Navigate to Divi>Theme Customizer. You can do this from the Admin Panel...

How to Push Text to a New Line

by inserting a break tag <br> Step 1: Go to the module settings of the text you wish to edit.   Step 2: Click the “Text” tab to make sure you’re working in the text editor, rather than the visual editor. This way you can see and add html.   Step 3:...

How to Change the Divi Footer Text

NOTE: These instructions apply when using the Divi default footer, as opposed to a custom footer in the Theme Builder. Step 1: Log in to your WP Admin panel. yourdomainname/admin   Step 2: Navigate to Divi>Theme Customizer. You can do this from the Admin Panel...

How to hide the Divi navigation menu

/* Hide Divi Main Navigation Menu */ #main-header { display:none; } #page-container { padding-top:0px !important; margin-top:-1px !important }   But what if you want to hide the Divi Navigation Menu on mobile screen sizes only? Try this: /* Hide Divi Main...

How to push down Divi blurb icon to align with text

Want to change the vertical alignment of your Divi blurb icon to be better centred with text (e.g. if using without the heading title and more like a icon 'dot point'? The following CSS snippet will push down the icon. Add a custom CSS class (in the "Advanced"...

How to Edit Images in Gallery

Step 1: Log in to your WP Admin panel. yourdomainname/admin   Step 2: Select “Pages” from the WordPress admin menu.   Step 3: Choose the page you want to edit. (Click on the page's title, or the "Edit" button in the menu that appears when you hover over the...

Editing Pages in WordPress using the Divi theme

From the dashboard, the menu down the left will be where most of your edits will take place: “Pages” is where the top navigation pages are (Home, About, Features, Case Studies, Contact). “Posts” is where your blog articles are. “Media” is where your images are. When...

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

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...

How to remove the extra space below a Divi Page Builder blog post

If you are using the divi page builder to create blog posts, you may notice a large space at the bottom of the post. Use the following CSS snippet as a quick-fix to remove that extra space: /* Remove extra bottom padding and margin on posts */ .single .et_pb_post {...

How to horizontally align the Divi fullwidth header buttons

Using two buttons on a divi fullwidth header, but finding them a bit off-centre and not quite neatly aligned on a mobile screen? Use the following CSS snippet to fix: /* Align fullwidth header buttons on mobile */ .et_pb_fullwidth_header...

Want more module options for your Divi website?

Check out our Custom Modules for Divi
Browse Custom Modules