Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 4, 2022 at 2:39 pm #1375005
    Oceans247

    Hi there,

    I’m trying to add some styling to a post slider. It currently looks like 3 image block hyperlinks. I need to add white vertical line space dividers between each image, and also insert p text below each image. Please see the images for reference.

    Would this be styling which can be done in Enfold, or would additional CSS code be required? Whatever the case, please could you assist?

    Thanks so much.

    December 5, 2022 at 3:46 am #1375075
    Nikko

    Hi Christopher,

    Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

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

#top .avia-content-slider .slide-entry-wrap .slide-entry {
    margin: 0;
    padding: 3%;
    flex: 1;
}

#top .avia-content-slider .slide-entry-wrap .slide-entry + .slide-entry {
    border-left: 1px solid white;
}

    Best regards,
    Nikko

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