Okay
  Public Ticket #2818132
Using the Salient Down Arrow (found in nectar slider) as an element on my siten
Closed

Comments

  •  2
    XZhayle started the conversation
    July 5, 2021 at 3:41am

    Hi, 

    Is there any way to put the salient down arrow that we have in the nectar slider as a button on the site? For my needs, I cannot use the nectar slider, but I'd love to be able to use just that down arrow animation button as an element. I managed to do it but the way I did it is very gimicky (see image) so I was wondering if there was a more legit way? Like through raw js or raw html + css? 

    So far, the only other way I found is using html and css but I really love the salient down arrow so I'd love to use that one. Is there some code I can use? 


    Thanks a lot!

  •  2
    XZhayle replied
    July 5, 2021 at 3:59am

    Found a way to do it. For anyone also looking for this, put this code in an html element:


    <a href="#" class="slider-down-arrow no-border"><svg class="nectar-scroll-icon" viewBox="0 0 30 45" enable-background="new 0 0 0 0">
     <path class="nectar-scroll-icon-path" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" d="M15,1.118c12.352,0,13.967,12.88,13.967,12.88v18.76  c0,0-1.514,11.204-13.967,11.204S0.931,32.966,0.931,32.966V14.05C0.931,14.05,2.648,1.118,15,1.118z"></path>
     </svg></a>