How can I use something like this?
<a href="#" onClick="javascript:goToSlide(4);">Go to slide #4</a>
This will be at bottom of slider
Hi Slavisa,
Could you provide us with a link to the site in question so that we can take a closer look please?
Regards,
Rikard
link at bottom
Hi!
put your custom code into code block element from ALB.
Regards,
Andy
Custom code dont work outside of shortcodes.js
What will solve this will be instead round circles/buttons like this
<div class="avia-slideshow-dots avia-slideshow-controls">
<a class="goto-slide active" href="#1">1</a>
<a class="goto-slide" href="#2">2</a>
<a class="goto-slide" href="#3">3</a>
<a class="goto-slide" href="#4">4</a>
</div>
To have every button with their own class.
<div class="avia-slideshow-dots avia-slideshow-controls">
<a class="goto-slide active slide1" href="#1">1</a>
<a class="goto-slide slide2" href="#2">2</a>
<a class="goto-slide slide3" href="#3">3</a>
<a class="goto-slide slide4" href="#4">4</a>
</div>
So there is way to style every button on its own.
I cant find where to add custom class in theme js files.
Hi!
As i understand you want to place the round dots with text on the page using html code and when users click on the round dots the browser will scroll to the slider and activate the slide which is linked to the dots right?
When you place the dot’s outside the slider area even with same class names it will lose all connections with the slider and it wont work… I’m afraid what you are trying to do is only possible with heavy jQuery scripting for which you need to hire a freelancer.
Cheers!
Vinay Kashyap