Navigation
Archive / Is it possible to make X-Slider images clickable?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 13, 2017 at 2:26 pm #1405342
    jhcreativeco
    Participant

    Happy Monday, everybody.

    I really like the simplicity of the default/Cornerstone X-Slider (found in Elements > Slider). I am using it sans-border, sans-caption on my home page, here: http://www.calvaryholland.com

    Question is: any way to make the individual images (or slides) clickable?

    I have tried nesting the IMG tag inside the A HREF tag, but it messes up the alignment for some reason. My goal is to make every slide click through to a different page. I am open to using html, css, or a combination.

    Thanks for any fun thoughts!

    March 13, 2017 at 3:12 pm #1405405
    Joao
    Moderator

    Hi There,

    Please try adding the class man to the <a>

    Like : <a class="man"> </a>

    If that does not work as you expect, please leve the images wrapped on the <a> so we can see how to fix it 🙂

    Joao

    March 13, 2017 at 3:45 pm #1405450
    jhcreativeco
    Participant

    SCORE 🙂

    For anyone else wanting to replicate this look:

    <a href="/#"><img src="http://www.example.example/1234.jpg"
alt="" 
width="1200" height="600" class="man" size-full wp-image-7274" /></a>

    Note: I recommend keeping the IMG tag immediately next to the first A HREF tag, otherwise it negates the man class.

    Thanks Joao and Themeco Team!

    March 13, 2017 at 5:38 pm #1405573
    Nabeel A
    Moderator

    Glad we could help and thank you for sharing with us 🙂

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1405342 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>