Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1489396

    How to change the design of the “.scroll-down-link” to be like the “.scroll-top-link”
    http://www.kerry-han.fr

    #1489418

    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 /*** ***/

    #1489431

    Hi,

    Thanks for helping out @guenni007. Did that answer your question @VachetAlexandre?

    Best regards,
    Rikard

    #1489451

    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)

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.