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.
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.
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.
A little snippet to eliminate layout problems caused by empty paragraph tags the WordPress editor is adding to shortcodes when switching from text- to visual editor or on updating the page.
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.
Did you ever try to center a block of successive images? Can feel so complicated, but after all with the help of a little CSS trick the centering gets easy to achieve.
Find the most common license models and a comprehensive list of the best (royalty) free image and stock photography sources.
How to easily customize the Admin Menu and Admin Toolbar for the Editor role of your clients with just a few lines of code into functions.php.
By default we can’t use the regular sidebar together with the DIVI Page Builder on pages, but if we need a sidebar throughout our website, we can bring it back.
Sometime you might not want a DIV to take the full width but exactly wrap its containing elements. Here is how.
