Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #585915

    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

    #586815

    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

    #586891

    link at bottom

    #588440

    Hi!

    put your custom code into code block element from ALB.

    Regards,
    Andy

    #591539

    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.

    #592573

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.