by Craig Longmuir | Feb 16, 2019 | Divi Code Snippets, Divi Tutorials, Divi video tutorials |
The 1st Divi accordion module item is set to be open by default and there is no option to set it to be closed. If you would like all your accordion items to be closed by default there is a simple trick that makes the 1st (open) item of your accordion invisible. This...
by Craig Longmuir | Aug 19, 2018 | Divi Code Snippets |
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...
by Craig Longmuir | Aug 16, 2018 | Divi Code Snippets, Divi Tutorials |
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...
by Craig Longmuir | Jul 10, 2018 | Divi Code Snippets
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...
by Craig Longmuir | Dec 17, 2017 | Divi Code Snippets |
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...
by Craig Longmuir | Dec 4, 2017 | Divi Code Snippets |
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...
by Craig Longmuir | Nov 20, 2017 | Divi Code Snippets |
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...
by Craig Longmuir | Oct 19, 2017 | Divi Code Snippets |
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...
by Craig Longmuir | Oct 17, 2017 | Divi Code Snippets, Divi Tutorials |
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...
by Craig Longmuir | Sep 11, 2017 | Divi Code Snippets |
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...
by Craig Longmuir | Sep 9, 2017 | Divi Code Snippets, Divi Tutorials |
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...
by Craig Longmuir | Jul 17, 2017 | Divi Code Snippets, Divi Tutorials |
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...
by Craig Longmuir | Jun 26, 2017 | Divi Code Snippets |
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...
by Craig Longmuir | May 22, 2017 | Divi Code Snippets |
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...
by Craig Longmuir | Aug 15, 2016 | Divi Code Snippets |
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...
by Craig Longmuir | Jun 19, 2016 | Divi Code Snippets |
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 organsise the many demo pages. As default the Divi mega menu when...
by Craig Longmuir | Jun 13, 2016 | Divi Code Snippets |
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...
by Craig Longmuir | Mar 14, 2016 | Divi Code Snippets |
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...
by Craig Longmuir | Feb 5, 2016 | Divi Code Snippets |
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...
by Craig Longmuir | Dec 20, 2015 | Divi Code Snippets |
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...
by Craig Longmuir | Nov 6, 2015 | Divi Code Snippets |
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;...
by Craig Longmuir | Oct 22, 2015 | Divi Code Snippets |
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...
by Craig Longmuir | Oct 12, 2015 | Divi Code Snippets |
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...
by Craig Longmuir | Oct 12, 2015 | Divi Code Snippets |
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...
by Craig Longmuir | Oct 5, 2015 | Divi Code Snippets |
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...
by Craig Longmuir | Sep 6, 2015 | Divi Code Snippets |
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...
by Craig Longmuir | Sep 3, 2015 | Divi Code Snippets |
*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...
