by Craig Longmuir | Aug 6, 2015 | Divi Code Snippets |
The Divi slider works well for many sites, but some people want a little extra functionality than it can offer. There are numerous request in the various Divi Facebook groups for Divi slider alternatives and Rev Slider (along with Layer Slider) is the one that usually...
by Craig Longmuir | Jul 29, 2015 | Divi Code Snippets |
The shrinking menu in Divi 2.4 looks nice, but it’s not for everyone, so if that’s you and you want the Divi menu to stay the same size before and after scroll all you need to do is go into the Divi Theme Customizer > header & navigation and set the...
by Craig Longmuir | Jun 13, 2015 | Divi Code Snippets |
**Updated for Divi 2.5** Now the down arrow is added as an option in the Full width header module, and you can add the following code into your ePanel custom CSS box to make it bounce. /* BOUNCING MORE ICON */ @-webkit-keyframes bounce { 0%, 100% { -moz-transform:...
by Craig Longmuir | Jun 5, 2015 | Divi Code Snippets |
On the Divi theme dropdown menu there is a down arrow. If you want to replace this with a + (or whatever) you can add the following CSS code into your ePanel or Divi Child theme. Use this list (the CSS column) to add your own icons into the menu. #top-menu...
by Craig Longmuir | May 18, 2015 | Divi Code Snippets |
If you want to swap your home text for a home icon in your Divi menu you need to; 1. Upload an image icon to your media library and copy the image path (click on the image in the library once uploaded to get the image path URL). 2. In your Appearance>menu settings,...
by Craig Longmuir | May 18, 2015 | Divi News |
I obviously like the Divi Theme and give it good reviews, as I set this website up to showcase sites made using it, but what are others saying about the Divi theme. Here are a few Divi Theme reviews I came across online. As you can see Divi is getting some pretty good...
by Craig Longmuir | May 13, 2015 | Divi theme documentation |
You may have noticed the following notice in your Divi Admin. Due to changes in Facebook’s API, Monarch must be authorized to obtain follow/share counts from Facebook. Please get an App ID and App Secret from Facebook and save them here. | Hide Notice Facebook...
by Craig Longmuir | May 3, 2015 | Divi theme documentation |
preview all 32 pre-defined layouts for Divi Your Divi theme comes with 32 pre installed page layouts ready to load into a page via your Divi page builder. You can view a demo site with all 32 Divi page layouts loaded on a fresh install of WP and Divi Theme. VIEW ALL...
by Craig Longmuir | Apr 23, 2015 | Divi Code Snippets |
The Divi theme blurb module comes with quite a few icons you can use in your blurb, but being the creative soul that you are you want a way to add your own custom icons and stand out from the Divi crowd. There are a few ways to do this, but by far the easiest is to...
by Craig Longmuir | Apr 22, 2015 | Divi Code Snippets |
**not tested in Divi 2.4+ If you activate the sidebar navigation in Divi you will get the dot navigation on the right of your screen that helps users scroll to sections on 1 page websites or on longer pages. In this example we will be adding text to replace each dot...
by Craig Longmuir | Apr 21, 2015 | Divi Code Snippets |
If you want to change the height of your slider in Divi, you will need to add some custom CSS to your ePanel Divi Theme Options (Divi>theme options) or Divi child themes style.css file. 1 – Give the slider you want to change a CSS class (myslider in this case) 2...
by Craig Longmuir | Apr 18, 2015 | Divi Code Snippets |
Add a bit of extra movement into your Divi website like on the homepage of Divi Theme Examples with CSS gradient animations. The technique was created using the gradient animator site with a few edits of the code to make it work how I needed. 1 – First you will...
by Craig Longmuir | Apr 17, 2015 | Divi Code Snippets |
With almost every website having a Google map integrated, you may want to add some custom colour to make your map stand out from the crowd. You can use the snazzy maps plugin ($5) or with a little extra work can just follow their instructions to add the code and get...
by Craig Longmuir | Apr 17, 2015 | Divi Code Snippets |
By default the slider text and button will NOTshow on mobiles. If you want to show your slider text and button on mobile in Divi using the following code in your ePanel or child themes style.css file. @media only screen and (max-width: 767px) { .et_pb_slide_content,...
by Craig Longmuir | Apr 12, 2015 | Divi Code Snippets |
If you want to add a dividing arrow between your sections in Divi, add the following code to your ePanel cutom CSS, or into your child themes CSS file. So, give your Section a class name of downarrow. If your following section is a different colour than #fff, you will...
by Craig Longmuir | Apr 11, 2015 | Divi Tutorials |
Having a transparent header in Divi is a common design trend which allows your hero section to have a greater impact when the user first visits your site. The Navigation menu is still visible but the menu bar it sits in is transparent as in the screenshot below....
by Craig Longmuir | Apr 1, 2015 | Divi Code Snippets |
***DIVI UPDATE*** THE DIVI CALL TO ACTION MODULE NOW HAS THE OPTION TO OPEN IN THE SAME WINDOW/NEW TAB AS PART OF THE GENERAL SETTINGS *** UPDATE***
by Craig Longmuir | Mar 20, 2015 | Divi Code Snippets |
Grey (google) maps look cool, so here is the custom CSS code you need to add to your ePanel, or Divi Child theme to turn off the colour on your Divi map module. .et_pb_map_container { filter: url("data:image/svg+xml;utf8,<svg...
by Craig Longmuir | Mar 20, 2015 | Divi Code Snippets |
If you have white images in your slider then the box shadow that is added looks quite ugly, so add this custom CSS to your Divi ePanel or Divi child theme style.css to remove the box shadow on your sliders. Updated to more stable code. Thanks to Nettie .et_pb_slider...
by Craig Longmuir | Mar 19, 2015 | Divi Code Snippets |
If you want to make full slider images a link in Divi, then this is a bit of a workaround. You need to; **UPDATE** You can now add the code to your custom css tab as described in this Divi Nation Short on Elegant Themes. (affiliate link) 1. add a full width slider 2....
by Craig Longmuir | Mar 19, 2015 | Divi Resources |
After a much anticipation and excitement, the Elegant Themes Bloom opt-in Plugin has arrived. This is a must have plugin if you want to grow your email subscription lists. Building your email list is the hard part, and that’s why we built Bloom. We have spent months...
by Craig Longmuir | Mar 13, 2015 | Divi Code Snippets |
Countdowns to the minute and second can be a bit to specific for many, so you can remove the minutes and seconds on Divi countdown timer by adding this custom CSS in your Divi ePanel or Divi child themes style.css /* countdown timer – hide minutes and seconds*/...
by Craig Longmuir | Mar 12, 2015 | Divi Tutorials |
Divi slider image sizes There have always been lots of questions in the various Facebook groups and in the Elegant Themes support forum about the correct image sizes needed for use in the Divi slider. With so many different device sizes nowadays it’s hard to get...
by Craig Longmuir | Feb 22, 2015 | Divi Code Snippets |
With the latest release of Divi, there was an option added to your blog module called Offset number, which basically allows you to set a number of posts that that blog module skips/doesn’t show. This means that you can style and set a number of posts to show in...
by Craig Longmuir | Jan 29, 2015 | Divi Resources |
With almost 250 sites listed on this Divi theme examples site, I decided to take a look back through the showcase and pick my top 5 examples. This is my personal selection and of course tastes vary, but I am sure you will agree that the following sites are examples of...
by Craig Longmuir | Jan 22, 2015 | Divi Code Snippets |
If you want to add an image overlay to an image on hover like in the Divi showcase screenshots that shows the red corner triangle, then you can add the following custom CSS into your Divi child theme CSS file o into the Divi options panels custom CSS box. Then attach...
by Craig Longmuir | Jan 22, 2015 | Divi theme documentation |
The Elegant Themes shortcodes for Divi are an outdated feature Back in the day, before the release of the Divi when Elegant Themes were creating many different themes, shortcodes were a feature that allowed users to insert various content into their posts and pages...
