Click to begin

Hi,

is there any way to have different call to action “Click to begin” on any header slider?

regards

Hello there,

Thank you for reaching out to us here.

In order to achieve such that objective, please try doing the following steps:

  1. Install and activate this plugin
  2. Edit the page where you want to change the button
  3. In the “OH add script” metabox, insert the following code into the textarea that says “add script to be added to the footer of the page…”:

<script type="text/javascript">
jQuery(function($) {

  if( $('.button-slider').length ){

    var btnText = 'My button text';
    var btnURL  = 'http://mysite.com/page';
    
    $('.button-slider').text(btnText);
    $('.button-slider').attr('href', btnURL);

  }

}); 
</script>

You would clear your web browser’s cache before reloading your page. If your site is being cached by a plugin like W3 Total Cache, clear all cache as well.

Regards,
Kharis

thank you for your prompt relpy.you are great. what I need is to have this kind of slider, text on the blackish transparent background with specific link to the coresponding page.

Hello there,

I visited your site. It seems like you aren’t running Sydney Pro theme. This situation prevents me to provide further assistance. Sorry. :frowning:

Regards,
Kharis

asapairmechanical.com is my website but I like to apply that feature from the above website into mine.

Hi,
Im still waiting for the answer here is my website asapairmechanical.com

Hello there,

So sorry for the delay.

Please replace the URL address as seen in this line:


var btnURL  = 'http://mysite.com/page';

with


http://asapairmechanical.com/#pg-8-0

pg-8-0 is the ID name of “Our Services” area which is located underneath the main slider. For other pages, you have to match it with the ID name of the section target where the button will be associated to. You can find it through the web browser’s inspector tool. Please see this screencast https://cloudup.com/cFTDj1wGUvJ.

Regards,
Kharis

thank you but how to updated when I replace it through inspector the value goes back the the default.
secondly I’d like to have something like this website: http://www.airleaders.com/ is that posible and third how to find out about the section ID. Im sorry but Im a newbie. thanks a bunch