icon with smooth scroll link

[Pothe]

How can I add an icon with smooth scroll link to a row id. Like the down nav in swift slider:

<a href="#" class="swift-slider-continue dark"><i class="ss-navigatedown"></i></a>

This doesn’t work.

I’ve managed to get just the down icon to display in a raw html block:

<div class="swift-scroll-indicator" style="display: block;"><span style="opacity: 0;"></span><span style="opacity: 0;"></span><span style="opacity: 0;"></span></div>
<p style="text-align: center;"><a href="#Plant" class="swift-slider-continue dark smooth-scroll-link"><i class="ss-navigatedown"></i></a></p>

But it’s missing the transparent circle..

Any ideas would be great.

thanks a lot

[Kyle – SUPPORT]

Hi

What’s your link?

– Kyle

[Pothe]

This reply has been marked as private.

[Kyle – SUPPORT]

Add this to your custom css:

.spb-asset-content .swift-slider-continue.dark.smooth-scroll-link {
  border: 2px solid;
  border-radius: 50%;
  height: 50px;
  padding: 15px 15px 12px;
  width: 50px;
}

– Kyle

[Pothe]

Fantastic, thanks a lot.

[Kyle – SUPPORT]

No problem