Different links for header slider on front page

I changed the homepage banner to have a different link on the buttons for each banner. I did that as you suggested in an earlier support topic using your jQuery snippet in the plugin “Custom JavaScript”. It work perfectly.
Would it also be an option using the link on the whole picture instead of just on the button? What would be the code for this?

Thanks, Martina

Hello Martina,

Can you please provide a link to your website and to the topic that you have mentioned above?

Kind Regards, Roman.
aThemes Support

Here is the website: https://www.dk-institut.de/

And here the topic: Header Slider Links

And I am using this code right now:

jQuery(function($) {

  • //Define the new buttons. Delete the lines you don’t need*
  • var button1 = ‘Mehr erfahren’; //Slide 1*
  • var button2 = ‘Mehr erfahren’; //Slide 2*
  • var button3 = ‘Jetzt bewerten’; //Slide 3*
  • var button4 = ‘Mehr erfahren’; //Slide 4*
  • var button5 = ‘Mehr erfahren’; //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*

Thanks, Martina

Hello Martina, thank you for the links.

It looks like this issue requires some coding and testing, this goes beyond our support policy. It’s considered advanced customization. As an option, you can contact Codeable for this kind of service, or find a reputable freelancer on Upwork. Hope for your understanding.

Kind Regards, Roman.
aThemes Support