Aleš Sýkora wrote

Flickity carousell same height slides fix

24. 3. 2021 in

If you need all your slides to have same height, add the CSS selector to your slider cells and use this code in your CSS:

.carousel-cell {
    display: flex;
    align-items: stretch;
    min-height: 100%;
}

Do not forget to add the cellSelector attribute to your flickity slider setup:

(function($) {

    $('.carousel').flickity({
        cellSelector: '.carousel-cell',
    });

})(jQuery);

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

More from category
Aleš Sýkora wrote
How to use Infinite Scroll in Repeater element of Oxygen Builder
If you want to use the “Load more” button when using repeater, you can do that with .JS library called “Infinite Scroll“. Load Infinite Scroll script from CDN (I am using Advanced Scripts again). For a speed purposes – use conditions to make it load only on pages where you need to use it. Current […]
Read More
Aleš Sýkora wrote
Use ACF Repeater as Shortcode in Gutenberg with custom code
22. 3. 2021 in
When Gutenberg editor came to the scene I was trully in love with Toolset Types and Views. Then everything changed. I start playing with Oxygen builder and found a toolset as “too much” for my sites. Especially with all the scripts and bloat which Toolset uses. So I changed my mindset and now, I try […]
Read More
Aleš Sýkora wrote
Custom Taxonomy Term Archive Query in Oxygen Builder
If you want to use advanced query builder and build the template for All taxonomy terms of one taxonomy and do not use the default query in repeater, you can do that with advanced query builder: Post_type = post type slug tax_query = array taxonomy = taxonomy slug field = slug terms = (optional) no_found_rows […]
Read More
magnifiercross linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram