by Divi Theme Examples | Mar 10, 2018 | Divi Code Snippets |
Preview Divi site examples with full page screenshots From now on Divi websites listed in the Divi Theme Examples showcase will have full page scrollable screenshots on the internal page so you can preview before clicking through to the live Divi website. A better...
by Divi Theme Examples | Oct 17, 2017 | Divi Code Snippets, Divi Layouts, Divi Resources, 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 Divi Theme Examples | 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 Divi Theme Examples | 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 Divi Theme Examples | 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 Divi Theme Examples | Sep 13, 2016 | Divi Code Snippets, Divi Resources, Divi Round-ups |
Things I saw in the Divi Theme community this week. After 100 days of the Divi freebies, Divi 3 has been released and whilst there have been a few bugs (solved by the 3.0.1-4 updates) I think it has been another sucessful product upgrade from Elegant Themes. The...
by Divi Theme Examples | Jul 7, 2016 | Divi Code Snippets, Divi News, Divi Resources, Divi Round-ups, Divi Tutorials |
More cool things I saw in the Divi Theme community this week. As ever this week sees a lot happening in the Divi Theme community and as with previous weekly roudups, this post will include a number of links i have saved whilst browsing the various Divi resource...
by Divi Theme Examples | Jun 22, 2016 | Divi Code Snippets, Divi Resources, Divi Round-ups |
Want to know Whats been happening in the Divi Theme community this week? Another week has passed and as expected the Divi 3.0 100 day countdown continues to dominate in our news feeds by providing excellent Divi resources every day. But, the rest of the Divi community...
by Divi Theme Examples | 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 Divi Theme Examples | Jun 15, 2016 | Divi Code Snippets, Divi Freebies, Divi News, Divi Round-ups |
Divi stuff I found this week, published in a weekly Divi roundup Every Wednesday I will be posting links to Divi tutorials, child themes, resources…and stuff that has caught my eye. As with last week, and for the next 12 weeks or so, we have been busy absorbing...
by Divi Theme Examples | 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 Divi Theme Examples | Feb 18, 2016 | Divi Code Snippets, Divi Resources |
43 Divi customizations at the flick of a switch The Divi Module Editor has been a great success for SJ over at divi.space*, and the new Divi Switch Plugin* is it’s updated replacement. The plugin adds 43 switches to your WP dashboard that allows cistomizations...
by Divi Theme Examples | 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 Divi Theme Examples | Jan 28, 2016 | Divi Code Snippets |
A Custom 404 page for Divi is a good idea so that users don’t just see the (rather plain and ugly) default 404 page that is served when they arrive at a page that no longer exists on your site. You can create a custom 404 page for Divi by getting mixed up in the...
by Divi Theme Examples | 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 Divi Theme Examples | Oct 22, 2015 | Divi Code Snippets |
If you missed this weeks episode of The Divi Nation podcast (Episode 9 – Transitioning from Web Designer to Digital Strategist with Marie Poulin), you will have also missed this nice little quick-tip from presenter Nathan B. Weller, that shows how to make the...
by Divi Theme Examples | Oct 22, 2015 | Divi Code Snippets |
** Update Divi 2.6 – You can add a height for your slider directly into the modules custom CSS tab. Just add height: 600px; into the main element section ** I keep seeing questions like how do i change the Divi Theme Slider Height? or how do i set the height of...
by Divi Theme Examples | Oct 19, 2015 | Divi Code Snippets |
** UPDATE DIVI 2.6 – You can now select to disable a module for either desktop, tablet or mobile via the module settings. Just right click on the section, row or module and select disable, or select the checkboxes within the settings.. ** If you want to hide any...
by Divi Theme Examples | 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 Divi Theme Examples | 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 Divi Theme Examples | 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 Divi Theme Examples | Sep 16, 2015 | Divi Code Snippets |
Help, my Divi WP admin panel menu has a bug and is falling apart If you use the Chrome web browser to access your Divi website admin panel, you may have noticed the annoying bug that makes your menu items sit on top of each other and dance around like a drunk sailor....
by Divi Theme Examples | Sep 6, 2015 | Divi Code Snippets |
Are you are seeing strange 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 overriding the Divi theme mobile design. Divi is a responsive...
by Divi Theme Examples | 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 your...
by Divi Theme Examples | Sep 2, 2015 | Divi Code Snippets |
To change the percentage (%) sign in your Divi Number counter module to a dollar ($) sign you will need to; 1 – Add a Numer Counter Module into your page. 2 – In the module general settings, Set the PERCENTAGE SIGN to OFF. 3 – Set a CSS Class of...
by Divi Theme Examples | Sep 2, 2015 | Divi Code Snippets |
I have been asked a few times the past few weeks how to make the Divi theme non-responsive. My first thought and question is why would you want to make Divi non-responsive, and to be honest I haven’t heard a compelling reason to do it. But, some clients...
by Divi Theme Examples | Aug 26, 2015 | Divi Code Snippets |
Contact form 7 is a good option for those who want to add a more complex form than the Divi contact form allows, but once added the contact form 7 doesn’t have the Divi look and feel. So, to make your Contact Form 7 look like a Divi contact form add the...
