Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 20, 2019 at 8:34 pm #1120474
    Sophie

    Hi,

    the slider arrows of slideshow are somehow out of position in single posts only; also the padding of the dots in the first slide moved to the bottom, the dots of the next slides are fine then. Please kindly see URL in private content box.

    I tried using the following code (found that in your support forum ;-) ), but that messed up the full size slider on home page as well:

    
#top .avia-slideshow-arrows a.prev-slide {
    left: 5px;
}
#top .avia-slideshow-arrows a.next-slide {
    right: -15px;
}
.avia-content-slider {
    overflow: visible;
}

    Can you help me with that? Would be wonderful. Thank you for your kind help in advance.

    Best regards,
    Sophie

    July 21, 2019 at 12:19 pm #1120601
    Victoria

    Hey Sophie,

    Best regards,
    Victoria

    July 21, 2019 at 1:04 pm #1120612
    Sophie

    Hi Victoria,

    thank you for your fast response. No, this is not intended to be that way. The left arrow is aligned with the left image border and that’s fine, but the right arrow flows into the image instead of being aligned with the right image border (same as the left arrow).

    Also on desktop view the padding of the dots in the first slide moves to the bottom, the dots of the next slides are fine then.

    Can you help me with that?

    Thank you for your help in advance.

    Best regards,
    Sophie

    July 21, 2019 at 1:31 pm #1120625
    Victoria

    Hi Sophie,

    Try using the code above like this so that it affects only the home page

    
#top.home .avia-slideshow-arrows a.prev-slide {
    left: 5px;
}
#top.home .avia-slideshow-arrows a.next-slide {
    right: -15px;
}
.home .avia-content-slider {
    overflow: visible;
}

    Best regards,
    Victoria

    July 21, 2019 at 1:39 pm #1120629
    Sophie

    Hey Victoria,

    this code moves the slide arrows in fullwidth slider on home page, but it should move the slide arrows in slideshow on posts only.

    Best regards,
    Sophie

    July 21, 2019 at 6:32 pm #1120676
    Victoria

    Hi Sophie,

    Oh, I guess, I got you wrong, try like this:

    
#top.single.single-post .avia-slideshow-arrows a.prev-slide {
    left: 5px;
}
#top.single.single-post .avia-slideshow-arrows a.next-slide {
    right: -15px;
}
.single.single-post .avia-content-slider {
    overflow: visible;
}

    Best regards,
    Victoria

    July 21, 2019 at 6:58 pm #1120681
    Sophie

    Hey Victoria,

    awesome! Thank you so much. This is working fine. You can close this one.

    Best regards,
    Sophie

    July 22, 2019 at 9:06 am #1120765
    Rikard

    Hi Sophie,

    Great, I’m glad that Victoria could help you out. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Slider arrows and dots out of position in posts’ is closed to new replies.