Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 7, 2022 at 6:18 pm #1334713
    marcusss

    Hi,
    I have set the max height of the layer slider so different sized images work like this :

    .home #full_slider_1 div.avia-slideshow {
	max-height: 345px;
}

    and for other page besides home page like this

    #full_slider_1 div.avia-slideshow {
    max-height: 200px;
}

    However, when I resize my screen the caption text disappears to the bottom of the image and becomes invisible.
    Can you advise on how to set it so it keeps positioned in the middle of the visible image ?

    Thanks in advance.

    January 8, 2022 at 6:13 am #1334750
    Rikard

    Hey marcusss,

    Could you post a link to where we can see the problem you are having please?

    Best regards,
    Rikard

    January 8, 2022 at 3:23 pm #1334784
    marcusss
    This reply has been marked as private.
    January 8, 2022 at 8:39 pm #1334812
    Mike

    Hi,
    For the sliders on all pages except the homepage I adjusted your css to this:

    #top:not(.home) #full_slider_1 .avia-slide-wrap {
    max-height: 200px;
}

    this sets the slider height to 200px and centers the caption title.
    For your homepage, when I checked you had a max-height of 600px, but the first two slides had heights of 570px so it still looked like it was uneven, I changed your css to this:

    .home #full_slider_1 .avia-slide-wrap,
.home #full_slider_1 .av_slideshow_full .av-slideshow-caption {
    max-height: 570px;
}

    please clear your browser cache and check.

    Best regards,
    Mike

    January 8, 2022 at 11:25 pm #1334822
    marcusss

    Thanks a lot Mike, perfect fix !

    January 8, 2022 at 11:25 pm #1334823
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Full width layer slider caption position’ is closed to new replies.