Title: Hyperlink Slides
Last modified: April 24, 2017

---

# Hyperlink Slides

 *  [Outerspection](https://wordpress.org/support/users/outerspection/)
 * (@outerspection)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/hyperlink-slides-2/)
 * Hello,
 * It is possible to hyperlink the actual slides but keep the ability to have the
   Call to Action “Click to begin” button remain active?

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/hyperlink-slides-2/#post-9064249)
 * Hello there,
 * There is no such that option by default. To achieve it, you’ll use jQuery code.
   Please follow these steps and do link addresses adjustment.
 * 1. Install and activate the [TC Custom JavaScript](https://wordpress.org/plugins/tc-custom-javascript/)
   plugin
    2. Go To **Appearance** > **Custom JavaScript** 3. Paste the following
   code into the provided box
 *     ```
       (function($){
   
         if( $('.header-slider').length ){
   
           var slideLink1 = '<a href="http://yoursite.com/services"></a>';
           var slideLink2 = '<a href="http://yoursite.com/team"></a>';
           var slideLink3 = '<a href="http://yoursite.com/about"></a>';
           var slideLink4 = '<a href="http://yoursite.com/pricing"></a>';
           var slideLink5 = '<a href="http://yoursite.com/faq"></a>';
   
           if($('.slide-item:nth-of-type(1)').length){
             $('.slide-item:nth-of-type(1)').wrapInner(slideLink1);
           }
   
           if($('.slide-item:nth-of-type(2)').length){
             $('.slide-item:nth-of-type(2)').wrapInner(slideLink2);
           }
   
           if($('.slide-item:nth-of-type(3)').length){
             $('.slide-item:nth-of-type(3)').wrapInner(slideLink3);
           }    
   
           if($('.slide-item:nth-of-type(4)').length){
             $('.slide-item:nth-of-type(4)').wrapInner(slideLink4);
           }    
   
           if($('.slide-item:nth-of-type(5)').length){
             $('.slide-item:nth-of-type(5)').wrapInner(slideLink5);
           }    
   
         }
   
       })(jQuery);
       ```
   
 * 4. Update
 * Regards,
    Kharis
 *  Thread Starter [Outerspection](https://wordpress.org/support/users/outerspection/)
 * (@outerspection)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/hyperlink-slides-2/#post-9065636)
 * Thank you so very much!
 * My goal is to allow someone to click on the slide to scroll down the homepage
   such as what the “Call to Action” button was set up for. I currently have the
   Call to Action button take one to an appointment form (see website below). I 
   placed a down arrow on the slider its self (see image) so I would like the whole
   slide to be hyperlinked to bring someone further down the homepage. Is this possible?
 * [http://rangerairandheat.com/wp-content/uploads/2017/04/Lennox-App-2.jpg](http://rangerairandheat.com/wp-content/uploads/2017/04/Lennox-App-2.jpg)
   
   [http://rangerairandheat.com/](http://rangerairandheat.com/)

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Hyperlink Slides’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/sydney/2.68/screenshot.png)
 * Sydney
 * [Support Threads](https://wordpress.org/support/theme/sydney/)
 * [Active Topics](https://wordpress.org/support/theme/sydney/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/sydney/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/sydney/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [Outerspection](https://wordpress.org/support/users/outerspection/)
 * Last activity: [9 years, 1 month ago](https://wordpress.org/support/topic/hyperlink-slides-2/#post-9065636)
 * Status: not resolved