This Divi Code Snippet will allow you to limit the Divi BodyCommerce PP Gallery module’s height. You can either limit the height of every gallery on your BodyCommerce website, or apply the height limitation to specific galleries only.
The Sale badge might not look the best with this trick. So if you want to remove the badge from any gallery, just add this class to the advanced tab of that gallery module: remove-onsale-gallery.
Description:
This will limit every PP Gallery module to a certain height.
Language: CSS
Where to add: Divi Theme Options
/* Limit height of bodycommerce gallery */
.et_pb_db_images img {
max-height: 380px; /* Change this value to your desirable maximum height */
width: auto !important;
margin: auto !important;
}
.et_pb_db_images .slick-list.draggable {
max-height: 380px; /* Change this value to your desirable maximum height */
}
/* Removes the sale badge from any gallery with the remove-onsale-gallery class */
.remove-onsale-gallery span.onsale {
display: none;
}
Description:
This will limit any PP Gallery module with the class "limit-bc-gallery-height" to a certain height.
Language: CSS
Where to add: Divi Theme Options
/* Limit height of bodycommerce gallery
This will limit any gallery height with the class limit-bc-gallery-height */
.limit-bc-gallery-height img {
max-height: 380px; /* Change this value to your desirable maximum height */
width: auto !important;
margin: auto !important;
}
.limit-bc-gallery-height .slick-list.draggable {
max-height: 380px; /* Change this value to your desirable maximum height */
}
/* Removes the sale badge from any gallery with the remove-onsale-gallery class */
.remove-onsale-gallery span.onsale {
display: none;
}
Easy | CSS
Feb 21 2024
Monetize your Divi websites by transforming them into membership sites with seamless subscription management, user-friendly interfaces, and customizable membership tiers.
Build an account area for your customers to edit their details, access wishlist, submitted posts and more. *Note: Requires Divi Machine installed and active
From simple contact forms to complex frontend post or product creation, Divi Form Builder has you covered.
Filter WooCommerce, Posts & Custom Posts without reloading the page.
Build complex websites that displays dynamic fields you can filter, search and so much more with the Divi Builder.
Divi Mobile helps you create beautiful looking mobile menus without having to code.
A versatile toolkit for developers using Divi and WooCommerce together, designed to boost your e-commerce site and achieve greater conversion rates.
Give your Divi website that extra boost of speed with our Divi Nitro plugin to enhance your customer's experience.
Password protect the content of your Divi website with our Divi Protect plugin. Keep unwanted eyes out!
Improve the user experience of your Divi website with our Divi Mega Menu plugin by creating dynamic menus using the Divi Builder.
