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
Conditional check if page is parent or child in WordPress
14. 1. 2021 in
If you need to display something only if post has childs (or not), you can use this conditional in your code.
Read More
Aleš Sýkora wrote
Make slow YouTube embed faster with Toolset
12. 11. 2018 in
Speed up your Toolset website with YouTube embeded videos. Load them faster in a minute. Try it right with this tutorial.
Read More
Aleš Sýkora wrote
Use custom Javascript on form submission with Fluent Forms
15. 6. 2021 in
If you need to use your custom script on form submission and using Fluent Forms, use this code in your form’s custom JS settings.
Read More
magnifiercross linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram