Would you like to add a second call-to-action button to the Sydney slider? The Sydney theme ships with a single slider button by default, but you can add a second one with a short jQuery snippet that appends your button to each slide.
In this guide, we’ll walk you through how to add a second slider button in Sydney.
Before you get started, make sure you’ve installed and activated the Sydney theme on your WordPress site. If you’re using features from Sydney Pro, ensure that both the Sydney theme and the Sydney Pro plugin are installed and active.
Adding the Second Slider Button
Add the following JavaScript snippet to your site. You can use a child theme or a code snippets plugin such as WPCode to load it safely.
jQuery(function($) {
var myButton = '<a href="http://example.org" class="roll-button button-slider">My Button</a>';
$('.slide-inner').append(myButton);
});Replace http://example.org with the URL you want the new button to link to, and update My Button with the label you’d like to display.
That’s it! You’ve successfully added a second button to the Sydney slider.
Next, would you like to tweak other slider elements? Check out our guide on Hiding the Latest News Button in Sydney to learn more.
