Black Friday Super Sale 2024 is Coming Soon

WIN AN iPAD, LIFETIME MEMBERSHIP
×

Search Divi Plus Documentation

Search for answers or browse our knowledge base.

All Topics
Print

Equalize height of blog slider posts

To ensure consistent height for blog posts in the blog slider module, enable the “Equalize Blog Height” setting.

Additionally, enabling “Output Inline CSS” in Divi Theme Options can enhance performance by embedding CSS directly into the HTML.

Note: If the above setting does not work please add the following
CSS in Divi Theme Option

.dipl_blog_slider .swiper-wrapper .dipl_blog_slider_content_wrapper{
    display : flex;
    flex-direction : column;
}

.dipl_blog_slider .swiper-wrapper .dipl_blog_slider_content{
    flex-grow : 1;
}

Or

.dipl_blog_slider .swiper-wrapper {
	align-items: stretch;
}

If the issue still persists this could be reason of Lazy Loading.

Lazy loading can sometimes interfere with custom JavaScript functions, causing them to behave inconsistently or not load properly upon page refresh.

To address this issue, we recommend disabling lazy loading for the blog slider posts. You can typically disable lazy loading through your caching or performance optimization plugin settings.

If still require assistance please contact us here: https://diviextended.atlassian.net/servicedesk/customer/portals

Table of Contents