Hello,
i want to make the fullwidth easy sliders arrows without border-radius.
Thank you
Hey Designweb,
Please try the following in Quick CSS under Enfold->General Styling:
.avia-slideshow-controls a {
border-radius:0 !important;
}
Best regards,
Rikard
Hello,
That doesn’t work. Do you have any idea?
Thank you
Hi,
Ok, thanks for the feedback. What exactly are you looking to change? Is it the container or the actual icon? If it’s the icon then it cannot be done unfortunately.
Best regards,
Rikard
Hello,
i looking to change the icon border radius. Is it possible?
Hi,
No it’s not unfortunately, the icon is an icon font character and cannot be controlled with CSS. You will have to change the icon itself to achieve that.
Best regards,
Rikard
Ok. I could change that icon with another icon or image and how can do that?
Thank you.
Hey!
Please refer to this post – http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/
Cheers!
Yigit
Hello,
how to replace that icons with an image?
Thank you.
Hi,
You can try something like this in Quick CSS:
.avia-slideshow-arrows .next-slide {
background-image(url to your image here);
}
W3Schools is a great resource if you want to learn CSS: https://www.w3schools.com/cssref/pr_background-image.asp
Best regards,
Rikard
Ok. Thank you for your help.