My client would like the avia-slideshow-arrows / avia-slideshow-controls div to be a fixed distance from the top of the slideshow.
Right now when you move through the images, the arrows adjust to the center of the image. I’d like to set the arrows to be a fixed distance from the top of the div, so they don’t change position when the image changes.
If I change ‘#top .avia-slideshow-arrows a’ position to fixed it sort of achieves this, but the right arrows jumps to the far right of the page. How can I better control this?
Hi!
Please try adding following code to Quick CSS and adjust as needed
#top .avia-slideshow-arrows a { top: 200px!important; }
Cheers!
Yigit
That did it! Thanks so much Yigit.