ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Cardinal
• April 2, 2015 at 12:19 pm #162831
  Pothe

  Member

  Post count: 336

  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

  April 2, 2015 at 12:24 pm #162834
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  What’s your link?

  – Kyle

  April 2, 2015 at 12:26 pm #162836
  Pothe

  Member

  Post count: 336

  This reply has been marked as private.
  April 2, 2015 at 12:51 pm #162845
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  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

  April 2, 2015 at 1:32 pm #162853
  Pothe

  Member

  Post count: 336

  Fantastic, thanks a lot.

  April 2, 2015 at 1:36 pm #162854
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem

• Back to forum

  Posted in: Cardinal