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...
Divi Theme
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 Change the Logo in the Divi Navigation Header
Step 1: Log in to your WP Admin panel. yourdomainname/admin Step 2: Navigate to Divi>Theme Options in the menu. Step 3: Click on “Upload” to change logo to a new image or an existing one in the media library. Select (or upload) logo image and click...
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...