Dear support team
I have integrated a horizontal timeline on the following website: https://gabriele-redenz.de/home_v2/#zeitleiste-seminar
Here the button to click forward and back appears only as a round gray circle. The arrows are completely missing and I really don’t know why it appears that way.
What do I have to do to make the forward and back arrows appear?
Thank you and best regards, Diana
Hey Diana,
Please try the following in Quick CSS:
.avia-slideshow-arrows a:before {
top: -10px;
left: -38px;
}
Best regards,
Rikard
Thank you very much. This works perfectly
Best regards, Diana
Hi,
Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Hello Rikard,
again I ve got the problem with the arrows of the timeline:
They are not visible on the desktop version, nor on the tablet version and the mobile version:
Desktop: https://gabriele-redenz.de/home-2/#zeitlinie-seminar
Tablet: https://gabriele-redenz.de/support/timeline-tablet.jpeg
Mobile: https://gabriele-redenz.de/support/timeline-mobile.jpg
I integrated the script you suggested:
.avia-slideshow-arrows a:before {
top: -10px;
left: -38px;
}
Why is it that it no longer works?
Many thanks
Hi,
The arrow is not visible because it has the same color as the circle. You may need to adjust the background of the navigation. Please add this css code.
.avia-slideshow-arrows a:before {
background: black;
}
Best regards,
Ismael
Thank you ismael. That works perfectly.
best regards, Diana