To reverse the collapsing order on mobile devices, so that the default behaviour goes from left-column collapsing ABOVE the right-column, to the opposite… you’ll just need to add a CSS class to the row, and then use the css property of flex-direction: column-reverse.
This free plugin from DiviLife is wonderful. Coupled with the power of Divi’s Theme Builder you can redirect visitors to a page built with Divi. The Theme Builder comes into play as you can easily remove/hide site menus or footers from your bespoke coming soon...
Currently the only options for the built-in Divi photo gallery are for “portrait” or “landscape” thumbnails, which means any aspect ratio outside of those will be cut off or cropped. The following snippet allows the thumbnail in the photo...
Since Divi update 4.0.7 it is possible to natively integrate Google ReCaptcha v3 right into your contact form settings with only a few simple steps. 1. Create a google recaptcha profile for your site here — google.com/recaptcha/admin/create 2. After creating...
This code snippet doesn’t disable Divi’s own custom post type called Projects, but rather just removes it from view in the admin area. For numerous reasons you don’t want to remove the Projects custom post type (screwed up templates, time outs, etc.)...
Rather than try to better Elegant Themes own guide, let me point you to their awesome article: Ultimate Guide to Creating a Divi Child Theme
To make things easier for the client hand-off, I removed the Divi builder button from the back-end, using the following code: /* Remove Divi Builder button for WP Role Author */ function my_custom_admin_head() { if ( current_user_can( 'author' )) :...
On page load the Divi photo gallery and the image slider have their own automatic “slide in from left” effect. To disable this effect use the following CSS: .et_pb_slide_image, .et_pb_slide:first-child .et_pb_slide_image img.active {...
This trick will allow you to create a Divi friendly footer (within the front-end builder) and then via a child theme modification to the footer.php file, have it echo throughout your site. <style>.embed-container { position: relative; padding-bottom: 56.25%;...
When trying to align content to the bottom of a column, use flex. <ol> <li>Make sure your row has the <strong>equalize heights</strong> option turned ON.</li> <li>In the <strong>column</strong> you wish to align the...
This section only shows on mobile. The sidebar above disappears on mobile.
