Edit Blog Slider to click anywhere

Home Forums Gillion Theme Edit Blog Slider to click anywhere

Home Forums Gillion Theme Edit Blog Slider to click anywhere

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    RESOLVED Posts
  • Hello,

     

    Right now in my website I set up the Blog Slider to show up the posts with Style5, if I want to access to the article, I have to click always the h2 tag, and my question is.

     

    There is a way to be able to click anywhere in the image and go to the same article?

     

    Here is a web where the Blog Slider is completely clickable and not necessary to click the h2 tag https://electrek.co/

     

    My website http://numtric.com/

     

    Sorry if I don’t express myself clearly

     

    Thank you so much

    Attachments:
    You must be logged in to view attached files.

    Hi @ultimatec,

     

    I hope you are well today and thank you for your question.

     

    The Blog Slider content element doesn’t provide this functionality so to achieve this, you have to develop custom code in the child theme of Gillion theme.

     

    Developing custom code for custom functionality is beyond the scope of support that we provide here.

     

    If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5

     

    Best regards,
    Shufflehound team

    Okay, thank you

     

    I appreciate it

    Solution for this topic

    Solved, it’s not the best way to do it but it works :), here the code

     

    Javascript:

    jQuery(document).ready(function($) {
    $(‘.blog-grid-item1’).click(function() {
    var url = $(“.blog-grid-item1>.blog-grid-item-container>.blog-slider-container>.blog-slider-content>.blog-slider-content-details>a”).attr(‘href’);
    window.location.href=url;
    });
    $(‘.blog-grid-item2’).click(function() {
    var url = $(“.blog-grid-item2>.blog-grid-item-container>.blog-slider-container>.blog-slider-content>.blog-slider-content-details>a”).attr(‘href’);
    window.location.href=url;
    });
    $(‘.blog-grid-item3’).click(function() {
    var url = $(“.blog-grid-item3>.blog-grid-item-container>.blog-slider-container>.blog-slider-content>.blog-slider-content-details>a”).attr(‘href’);
    window.location.href=url;
    });
    });

     

    CSS:

    .blog-grid-item1, .blog-grid-item2, .blog-grid-item3:hover{cursor:pointer};

     

    Awesome great to see you got that achieved developing custom code.

     

    Thanks for helping out here in this forum by sharing the solution.

     

    Your help here is really appreciated.

     

    Have a fantastic day!

Viewing 5 posts - 1 through 5 (of 5 total)