Add a button into Divi navigation menu
By making one of your Divi menu items appear as a button it will really stand out on your navigation menu and increase your Click-Through-Rate, so if that’s something you want, use this css trick to drive people to the page you really want them to visit. If you...
Divi Blurb module + button on hover
The blurb module is one of the most popular of all 46 Divi modules and this little bit of customization will allow you to increase your click-through rates to the content you are highlighting by adding an animated button when the user hovers over your module.All that...
Team member page examples built with Divi
Team member and staff page are win-win Seeing as I work alone on Divi Theme Examples, a team member page would look a bit rubbish, but if you have a talented team of staff in your business and want your customers to get to now them a bit better, then a team member...
Best fitness website examples built with Divi + WordPress
Divi Theme Fitness examples We are about to hit the excesses of the festive season which means way too much food & alcohol and way to little exercise. Good times ahead, but, once the New Years Eve hangover has subsided, it will be time to start thinking about the...
17 best Divi blog examples
17 awesome blogs using WordPress + Divi Back in 2003 WordPress started out as just a tool for bloggers, and whilst it has now become a full scale CMS and used for millions of websites around the world, WordPress (and Divi) is still a great choice if all you want to do...
Contact page examples built with WordPress + Divi
17 of the best examples of contact pages built with Divi The contact page is an important, yet often overlooked, page in any website so it really pays off to spend the extra time creating a great looking, informative, functional and easy to use page. If a user has...
8 Divi Child Theme developers websites built with Divi
Divi developers use Divi too! Divi Child themes have been around now for a few years now and there are 100’s of child themes available from various Divi developers from the Divi community. If you are short on time or skills, a good quality Divi child theme can...
Control Divi slider with external links
Use text links or buttons to control Divi sliders It was recently asked in one of the Divi Facebook groups how to control content in a slider using external text links. I had been looking at a post from Fixit Press the other day that showed how to use external Divi...
Black/dark websites built with Divi
Examples of Divi Websites with black or dark designs Black websites can look kind of tacky, kind of dated, kind of hard to look at… but when designed well they can also look really cool and set just the right mood for your niche. Getting it right with a black...
Fix the Divi jumping header on Divi Theme Examples
How do I stop my Divi header jumping? Like many people using Divi, the header on my Divi site has been jumping on load for a while now. I did fix it when it 1st started which was a long, long time ago, but this Divi bug seems to have found it’s way back into my...
Divi scroll to section with mousewheel
Divi Scroll to next section This quick tutorial will show you how to set up a scroll to section effect using the Divi dot navigation and some Javascript code from Christian Behrends added into a code module in the Divi builder. SCROLL YOUR MOUSE ! STEP 1 – Use...
17 eCommerce shops built with Divi
Online stores built with the Divi Theme + Woocommerce The following Divi website examples all use the free Woocommerce plugin to create their online store for products ranging from Teak wood Ganesha to sports cars (yes, you can buy a car online!) and everything...
The Divi Layout Directory is live!
Finding, previewing and saving your Divi Layouts just got easier. Problem – With an ever growing collection of 200+ Divi layouts listed on the Divi Layout pages on Divi Theme Examples, it was becoming hard to find the layout I wanted. Solution – Move to...
Divi demo sites from Elegant Themes
Divi demo sites created by Elegant Themes The talented team behind Elegant Themes* not only create the leading WordPress Theme available today, but they can also use it to create some stunning Divi demo sites. Take a look at the following sites and get inspired to...
Divi mega menu with 6 columns
Add extra columns into your Divi mega menu with some custom CSS. I was revamping the layout of my Divi layouts Demo Zone install and decided to make use of the built-in Divi mega menu feature to help organize the many demo pages. As a default, the Divi mega menu when...
5 Awesome 1-page Divi Theme examples
5 awesome examples of 1 page websites built with Divi. Clear & concise, easy to access via mobiles and easy to maintain, a 1 page websites may just be the thing you’re looking for. You may have already seen the blog post from Elegant Themes, which shows you...
Web design inspiration sites
Use web design showcase sites to get inspired and create better Divi websites So, of course we all love Divi Theme Examples, but there is more to the tinterweb than Divi and there are some awesome non-Divi sites out there that can provide inspiration and creative...
Divi Timeline with CSS
Timeline for Divi using CSS After reading the latest blog post at Elegant Themes, titled, 9 Useful Divi CSS Snippets You Can Add To ePanel In Seconds*, i was a bit disappointed to see that No. 6, Add Connected Bullet Lists, wasn’t working for me after pasting...
MontereyBayFun.com
Monterey Bay Fun: Magazine/Newspaper Style Website Design Using Divi MontereyBayFun.com is an online guide to all the fun activities, events and location throughout the Monterey Bay Area. It features local restaurants, hotels, shopping centers, beaches and more. We...
Center Align Divi secondary Menu
To center align Divi secondary menu (the one with the phone number/email/social) just add the following to your ePanel custom CSS box or into your Divi Child theme style.css. /* Secondary menu alignment */ #et-info { float: none !important; text-align: center;...
Divi Theme Slider Height
I keep seeing questions like how do i change the Divi Theme Slider Height? or how do i set the height of the Divi Theme Slider? in the various Divi Theme Facebook groups so here is a quick bit of custom CSS you can add to your theme options custom css box or into your...
Open Divi social icons in new window
If you want to open the social icons links in the secondary navigation in a new window you can go to admin > Divi Theme Options > Integration > Add code to the < head > of your blog ** Tested OK in Divi version 3.0 ** ** Tested Version: 2.7.8 ** Tested in Divi 2.6.2...
Divi call to action module on 1 line
If you would like the Divi call to action module to display on 1 line (example 2 below), so that the button is to the right of the content rather than below it (default example 1 below) , you can add the following CSS to your Divi ePanel or into your Divi child themes...
Animate the Divi toggle icon
Customizing and animating the Divi toggle icon takes just a few lines of custom CSS in your ePanel or Divi Child Theme and you will get a really cool effect as you may have seen in some sites, such as Brewlife. This example changes the colour of the icon when it is...
Divi Shortcodes showing up on mobile
how to stop Divi Shortcodes showing on your mobile site Are you are seeing the Divi shortcodes when you view your Divi website on a mobile like in the picture below? If so, you have Jetpack plugin installed and the Jetpack mobile menu theme activated, which is...
Create 5/6/7/8 column rows in Divi
*Update 15/2/17 – See full tutorial on Elegant Themes* The Divi builder only allows you to add 4 columns per row, but with a little bit of creativity and custom CSS you can create more than 4 columns per row. You will need to have a single column with...
*affiliate link
