How to change the design of the “.scroll-down-link” to be like the “.scroll-top-link”
http://www.kerry-han.fr
try f.e.:
#top .scroll-down-link {
height: 50px;
width: 50px;
bottom: 50px;
background-color: rgba(255,255,255,0.3);
border: 1px solid var(--enfold-socket-color-border);
backdrop-filter: blur(4px);
border-radius: 10px;
/*** animation: none; ***/
}
#top .scroll-down-link.avia-svg-icon svg:first-child {
height: 50px;
}
#top .scroll-down-link:hover {
background-color: rgba(255,255,255,0.8);
}
#top .scroll-down-link svg path {
fill: var(--enfold-main-color-primary);
}
if you do not like the animation – just get rid of the outcommenting /*** ***/
Hi,
Thanks for helping out @guenni007. Did that answer your question @VachetAlexandre?
Best regards,
Rikard
Thanks for your feedback, but I’m just looking to be able to change the arrow type to be identical to the down-open one in SVG Iconset: Entypo Fontello (Default)