Yes, you can move the Divi blog module items with custom ordering using CSS to whatever order you like.
Divi Tips
Add image icon to read more button on Divi blog module
How to add an image icon to read more button on the Divi blog module.
Enable products and other post types in Divi Search Module
How to enable products and other post types in Divi Search Module
Hide Place Order button (on WooCommerce Checkout page) when PayPal payment method (or any other) is chosen
With the latest release of the WooCommerce PayPal Payments module, there have been a lot of complaints. A client's site was not working properly where if someone clicked the Place Order button it showed an error. But, the PayPal buttons below the...
How to make Divi active menu item background color highlight
Make the Divi active menu item background color highlight (like the image below) is something Divi does not have settings for. This can be tricky depending on things like font sizes, number of menu items, sizing, design requirements, etc.Add the...
How to make Divi slider image full width
It's crazy how you can't simply put an image into the Divi slider and have it full width. With some custom CSS, you can! In your slider module, in the Advanced/Custom Classes area, add "full-image-slider" to the class field. Add an image to the...
How to add a collapsible mobile menu in Divi.
A collapsible mobile menu in Divi is something you might think would be standard or at least an option, but is not. The good news is it's easy enough to pull off.In your Appearance / Menu area click the "Screen Options" button in the upper right....
How to add a Divi section or module inside another module.
This is one of the greatest Divi tricks ever. It gives you SO much more flexibility. NOTE: Divi.Space has a free plugin but I can't seem to find it on their site. So, here's a link to the plugin zip file for install. It's written better and adds a...
More Divi Cumulative Layout Shift and other GTMetrix and Google Page Speed Tips
While there are many tips in my other post, this one is a bit more simple and more up to date. Do not use negative margins! Anywhere. If you absolutely need to move something, use the positioning tool instead. Make sure you check the tablet and...
How to make a Divi mega menu using Divi modules without buying a plugin.
There are a few Divi mega menu plugins out there and they work nicely for the most part. But, they can be pricey and some are a bit bulky. Using this method requires 2 things: Install the free "Shortcode in Menus" plugin for adding shortcodes to...
Divi Cumulative Layout Shift and other GTMetrix and Google Page Speed Tips
NOTE: Here is a link to my most recent post More Divi Cumulative Layout Shift and other GTMetrix and Google Page Speed Tips How to improve your Divi website Cumulative Layout Shift scores and other GTMetrix and Google Page Speed scores.While I was...
Make the default Divi search box search WooCommerce products only
If you have a Divi/WooCommerce site and you don't have any posts, this is perfect for you. The default Divi search will now search only your products. You can add this to the Divi theme options Integration tab in the head. Or add to a Code module...
Reduce the blog category featured image size in Divi
Add the following CSS code to the Divi theme options area or your child theme style.css file. [css] /* reduce the blog category featured image size */ .archive.category .et_pb_post a img {max-height:300px; width:auto;} [/css]
Reduce the search result page featured image size
Add the following CSS code to the Divi theme options area or your child theme style.css file. [css] /* reduce the search result image size so it doesnt fill screen */ .search-results .entry-featured-image-url img {max-height:300px; width:auto;}...
Swap Divi columns on mobile and tablet devices
Add the CSS class "flip" to any Divi row settings in the Advanced tab. Add the following CSS code to the Divi theme options area or your child theme style.css file. [css] /* swap columns on mobile */ @media only screen and ( max-width: 980px) {...
Make default Divi header transparent on home page only
Add the following CSS code to the Divi theme options area or your child theme style.css file. [css] /* make top nav bgd transparent on home page only */ .home #main-header, .home #top-header { background-color: rgba(255, 255, 255, 0) !important;...
Enlarge product image on rollover for Divi Shop module
Add the following CSS code to the Divi theme options area or your child theme style.css file. [css] /* enlarge shop module product images on rollover BEGIN */ .et_shop_image img {transition: transform .2s;} .et_shop_image img:hover {transform:...
Hide or show WordPress menu items on mobile devices
In Appearance/Menus click on the Screen Options tab at the very top right. In the "Show advanced menu properties" area, check the box next to CSS Classes. Use the either "hide-mobile" or "show-mobile" in the menu class field. NOTE: The max-width is...
Add shortcode to display WordPress Sidebars
Add the following PHP code to your child theme functions.php file. [php] // add shortcode for sidebars - use this format [get_sidebar name="Your Sidebar Name"] function sidebar_shortcode($atts,...
Format superscript text in Divi
Add the following CSS code to the Divi theme options area or your child theme style.css file. [css] sub, sup { font-size: 25%; /* Zero out the line-height so that it doesn't interfere with the positioning that follows */ line-height: 0; position:...