- This topic has 3 replies, 2 voices, and was last updated 4 years, 5 months ago by
.
Hi there,
I am using the Blog Post element on my homepage to show a carousel of my different posts. My carousel move to next posts, that’s why there are dots just below the carousel.
I would like to have instead dots, 2 arrows on each side of the carousel, because it’s more responsive on the mobile (as you can see on the attachef files).
How it’s possible to do it? Is it possible to change the time interval to move carousel?
Thanks,
Hi @ot.tremelin,
I hope you are well today and thank you for your question.
To achieve this, you have to develop custom code in the child theme of the Jevelin theme.
Developing custom code for custom functionality is beyond the scope of support that we provide here. Please see https://themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/14728833/support
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 teamHi, thanks for the help.
I found another reply to a support question here : https://support.shufflehound.com/forums/topic/how-to-customize-carousel-in-a-blog-post-element/
It’s said ”
<span style=”color: #339966;”>Clone the javascript function below and paste in the scripts.js file under my child theme.</span>
<span style=”color: #339966;”>$(‘.sh-recent-posts-carousel .blog-list’).slick({</span>
<span style=”color: #339966;”>dots: false,</span>
<span style=”color: #339966;”>arrows: true,</span>
<span style=”color: #339966;”>autoplaySpeed: 2000,</span><span style=”color: #339966;”>…</span>
<span style=”color: #339966;”>});”</span>
<span style=”color: #000000;”>Do you think it’s working ? </span>
<span style=”color: #000000;”>Where is the scripts.js file ?Thanks, </span>
That solution is only to change carousel speed.
That solution may work and you will find the scripts.js file in the Jevelin theme directory as shown in the attached screenshot.
