Hallo,
i want to push the slide icons below the slider
but he push it below the visible filed…mean hide the dots.
.avia-slideshow-dots { bottom: -15px; }
`
How it shouild be: https://ibb.co/gPYzN5H
Hey Sebastian,
I’m not sure if it’s possible to place them below the slider, but send us a link to where we can see the actual slider, and we’ll have a closer look at it.
Best regards,
Rikard
Can send only as PM because it is a customer page
Hi xeovision,
Thanks, can you try adding this CSS code in Enfold > General Styling > Quick CSS:
.page-id-3600 .avia-slideshow {
overflow: visible;
}
.page-id-3600 .avia-slideshow-dots {
bottom: -60px;
}
Best regards,
Nikko
Thanks, this works fine on desktiop but
– mobile they dissappear somewhere
– they not clickable
Hi,
Thank you for your patience, by default these are hidden on mobile and they are not clickable because they are behind the lower element, please try updating to this css:
#top.page-id-3600 #full_slider_1 .avia-slideshow {
overflow: visible;
}
#top.page-id-3600 #full_slider_1 .avia-slideshow-dots {
bottom: -60px;
z-index: 99;
}
#top.page-id-3600 #av_section_4 > .container {
z-index: 0;
}
@media only screen and (max-width: 767px) {
.responsive #top.page-id-3600 #full_slider_1 .avia-slideshow-controls a {
display: inline-block;
}
}
Best regards,
Mike
Thx, this works fine now.
Ticket can be closed.
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