- This topic has 4 replies, 2 voices, and was last updated 5 years, 9 months ago by
.
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
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 teamOkay, 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!
