DIVI: Find out the Shortcodes of DIVI Modules without switching the Theme
Find out – now without switching your theme – the shortcodes of the DIVI modules to embed them outside of the DIVI builder or into another DIVI module.
DIVI: Decrease loading time by using smaller background images in the Post Slider Module
The DIVI Post Slider Module is a wonderful way to showcase our posts and articles, but its use of original size images can be very harmful to our page load time.
DIVI: Blog- and Archive Pages in Multi-Column
In DIVI, the blog- and archive-pages can be transformed into a multi-column view with only a few lines of CSS. See how…
DIVI: Using different sidebars on pages or posts created by different authors
It is easy to create additional sidebars in DIVI, and the assignment of different sidebars to pages of different authors can be easily done with a bit of code.
DIVI: Bottom-aligning the last element in a multi-column row
In a multi-column layout, when we have content of different length with buttons at the end, they usually hang on different heights. Let’s bottom-align them.
DIVI: Responsive Slider Images that never get cut, clipped or cropped but keep their proportions
Responsive slider images are an art in itself, and usually they get cut, clipped or cropped on top, bottom, left, right or all around. Sometimes we don’t want this. Here’s the famous padding-bottom trick for DIVI Sliders.
DIVI: Fullwidth Slider Image with integrated text – perfectly controlling the responsive behaviour on all devices
If we want to use an image with integrated text, for example with quotes that we want to style pixelperfect, responsiveness and full-width become challenging.
DIVI: Media Query Breakpoints
Often we need to adapt our CSS customizations to the different device sizes, and it is very helpful to have the media query breakpoints of the DIVI theme at hand. Artiom from Elegant Themes was revealing this handy list.
DIVI: Changing the Breakpoint of the Mobile Menu
In best case the regular menu stays visible as long as possible, before collapsing to the mobile menu. Since every menu has a different width, we can optimize the responsiveness by moving its breakpoint.
DIVI: Accordion Module starting with all Toogles closed
By default the first toggle of an accordion module starts open, but with a little code in the head section we can start with all accordion toggles closed.
