Hi Support,
Is there a way to replace the arrow control icon with bigger arrow image on the side?
Thanks
Anna
Hi Rikard,
You can see the element on this page.
Thanks
Anna
Hi,
Please try the following in Quick CSS under Enfold–>General Styling, adjust the values to your liking:
#top .avia-smallarrow-slider .avia-slideshow-arrows a {
width: 40px !important;
height: 40px !important;
font-size: 25px !important;
}
#top .avia-smallarrow-slider .avia-slideshow-arrows a:before {
line-height: 40px !important;
}
Regards,
Rikard
Hi Rikard,
Thanks so much for your help, I’ve been able to get it look what I liked. Just one more question –
The arrow on the right side will be on the top of the image if I reduce the browser size. Is there a way to avoid that?
Thanks again!
Anna
Hi!
Please insert the below css into your custom css section:
#top .avia-smallarrow-slider .avia-slideshow-arrows a:before {
background-color: transparent !important;
}
@media only screen and (max-width : 980px) {
#top .avia-slideshow-arrows a.next-slide {
right: -25px !important;
}
}
Cheers!
Dake
Hi Dake,
Thanks so much for your help! It looks much better now.
Anna
Hey!
You’re welcome, glad we could help :)
Please let us know if you ever need any help in the future.
Cheers!
Dake