How to Add Scroll Buttons/Links for Scrollboard

You can use the CODE EMBED tool to create custom button or link that scroll to different section of your site. The scroll function is only available for Scrollboard purchase on or after Feb 16, 2014. If you purchased a LIFETIME support, please email us and we can send you the latest version of the theme!

1) Drag & Drop a Code Embed tool

Place it in the area where you want the scroll button/link to appear

embed

 

2) Insert code snippet

Code snippet for LINK:

<a  class=”button” data-slide=”2″ >Click to scroll</a>

  •  Insert your text you want to appear on you site by replacing “Click to Scroll
  • Insert the slide section you want to link to by changing the NUMBER in data-slide=”2″. “0” will take you back to TOP. “1” will be the first section below the header section and so on. Here simply change the number to link to different section of your site

Code snippet for IMAGE:

<a  class=”button” data-slide=”2″ ><img src=”icon.png” /></a>

  •  Insert your image you want to appear on you site by replacing the image link here:  “icon.png”.
  • Insert the slide section you want to link to by changing the NUMBER in data-slide=”2″. “0” will take you back to TOP. “1” will be the first section below the header section and so on. Here simply change the number to link to different section of your site

Tags: