Slide

Dear Sir
I want each Header Slide to have a call to action button with a different link, how do I proceed?

Hello there,

You can use this snippet https://athemes.com/snippets/different-buttons-slide/.

Regards,
Kharis

Where do I include this code https://athemes.com/snippets/different-buttons-slide/?
Is it in CSS?

Hello there,

Please follow the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box

jQuery(function($) {
 
   //Define the new buttons. Delete the lines you don't need
   var button1 = '<a href="http://example.org" class="roll-button button-slider">Button 1</a>'; //Slide 1
   var button2 = '<a href="http://example.org" class="roll-button button-slider">Button 2</a>'; //Slide 2
   var button3 = '<a href="http://example.org" class="roll-button button-slider">Button 3</a>'; //Slide 3
   var button4 = '<a href="http://example.org" class="roll-button button-slider">Button 4</a>'; //Slide 4
   var button5 = '<a href="http://example.org" class="roll-button button-slider">Button 5</a>'; //Slide 5

  //Hide the default button
  $('.slide-inner a').hide();
 
  //Add the new buttons. Delete the lines you don't need
  $( '.slide-item:nth-of-type(1) .slide-inner' ).append(button1); //Slide 1
  $( '.slide-item:nth-of-type(2) .slide-inner' ).append(button2); //Slide 2
  $( '.slide-item:nth-of-type(3) .slide-inner' ).append(button3); //Slide 3
  $( '.slide-item:nth-of-type(4) .slide-inner' ).append(button4); //Slide 4
  $( '.slide-item:nth-of-type(5) .slide-inner' ).append(button5); //Slide 5
});

  1. Update

Regards,
Kharis

This is steps is done , how can i do to change the name and insert anchor link?

Regards