Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 1, 2023 at 12:49 pm #1399665
    gwszelaki

    Hi
    How to reduce the space between the columns inside a post slider?

    March 1, 2023 at 7:06 pm #1399717
    Rikard

    Hey Grzesiek,

    Please try the following in Quick CSS under Enfold->General Styling:

    .avia-content-slider .av_one_fourth {
    margin-left: 4%;
    width: 22%;
}

    Best regards,
    Rikard

    March 2, 2023 at 9:17 am #1399763
    gwszelaki

    Thanks
    Works great when I have four images/entries in a row
    But with three it doesn’t want to work

    March 2, 2023 at 11:34 am #1399796
    Nikko

    Hi gwszelaki,

    Can you try to add this CSS code: (just adjust the gap value as you see fit)

    #top .avia-content-slider .slide-entry-wrap {
    display: flex;
    gap: 2em;
}

#top .avia-content-slider .slide-entry-wrap .flex_column {
    width: auto;
    margin-left: 0;
    flex: 1;
}

    Hope it helps.

    Best regards,
    Nikko

    March 3, 2023 at 8:02 am #1399937
    gwszelaki

    Yes, this is exactly what i needed. Thanks a lot

    March 3, 2023 at 9:05 am #1399951
    Ismael

    Hi,

    Great! Glad to know that this is working. Please feel free to open another thread if you have more questions regarding the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How to reduce the space between the columns inside a post slider?’ is closed to new replies.