Avada Forums Community Forum Equal height for post card carousel

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • thegreenwaves
    Participant
    Post count: 1

    Hi everyone,

    right now I’m trying to get a post card carousel on my website. If you follow the instruction in the post card video you can easily get equal height for the grid layout if you use stretch for the alignment. Seen in the video at 5 Minutes: https://theme-fusion.com/documentation/avada/elements/post-cards-element/
    As soon as I choose the carousel layout the alignment option disappears and my postcards have different heights. Does anyone know how I can have a post card carousel with the same height post cards?

    Best regards and thanks in advance.

    badirca
    Participant
    Post count: 5

    Hi,
    Have you managed to get a solution here ?
    Thank you !

    WAKESQUARE
    Participant
    Post count: 5

    I have the same problem…

    tozbey
    Participant
    Post count: 1

    Have you solution?

    Volume
    Participant
    Post count: 1

    Would be nice if somebody could shed some light on this, as I have exactly the same problem and it kind of screws up the magic of post cards for me.

    lemali
    Participant
    Post count: 1

    Same problem here. Send help 🙂
    Does anyone has a custom CSS code for that?

    Regards

    cx5000
    Participant
    Post count: 11

    Would be very important!

    Ammar. S
    Keymaster
    Post count: 2431

    Hello Everyone

    The equal height option is currently only supported for the Grid layout and not for the carousel, in this specific layout you will have to try and use the same size (aspect ratio) of images and also the text that goes with them.

    Thanks

    -Ammar

    giorgiomessina
    Participant
    Post count: 2

    there is no way to do it?

    giorgiomessina
    Participant
    Post count: 2

    i did like this and it’s works (inserted into custom CSS of the page)

    .fusion-post-cards.fusion-carousel .fusion-carousel-item {
    display:flex !important;
    align-items: stretch;
    height:100%;

    }

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.