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.
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 {...
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...
I use Feedly.com as my RSS reader and have a good amount of content coming in there that I browse each day or so. I certainly don’t remember each and everything I read, but even skimming the content and articles means that one day when I run into a work problem,...
These aren’t going to be terribly useful to you unless you’re a developer. A few regularly used CSS tricks: The latest clearfix method (note this is for the parent container, not the child element) .yourcontainer:after { content: ""; display:...
I have always “not loved” the giant circle that appears by default for a list style type of “disc”. If you’d like to use a middot instead, which stands for middle-dot, change your CSS as follows: li:before { content: '\b7\a0';...
As part of Google’s Material Design Project 750 icons have just been made available for you to use in your projects. They’ve been categorized nicely and come in many flavours: SVG (24px and 48px versions) PNG (1x, 2x, 3x) CSS sprites And even hi-dpi...
Embedresponsively.com offers a simple copy/paste solution for responsive containers. See a video you want to share Copy the address bar Visit their site embedresponsively.com Paste the address Copy the code their site presents to you Here’s a screen capture of...
This section only shows on mobile. The sidebar above disappears on mobile.
