blog_holder elementor-slick-slider
<script>
jQuery(document).ready(function(){
jQuery('.blog_holder .elementor-posts ').slick({
infinite: true,
slidesToShow: 4,
slidesToScroll: 1,
autoplay:true,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 2
}},
{
breakpoint: 767,
settings: {
slidesToShow: 1
}},
]
});
});
</script>
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 2
}},
{
breakpoint: 767,
settings: {
slidesToShow: 1
}},
]
.slick-initialized .slick-slide {
display: block !important;
}
.blog_holder .elementor-posts-container{
width:100%;
display:block !important}
.blog_holder article {
margin: 7px !important;
}
.blog_holder .slick-next:before, .blog_holder .slick-prev:before {
color: #999;
}
.slick-prev:before {
content: "\219000000";
background-image: url(http://domainname/wp-content/uploads/2022/06/Back-button-04-4.png);
background-size: contain;
color: transparent !important;
background-repeat: no-repeat;
font-size: 120px;
margin-left: -100px;
position: absolute;
top: -90px;
left: 0;
opacity: 1 !important;
}
.slick-next:before {
content: "\219000000";
background-image: url(http://domainname.io/wp-content/uploads/2022/06/Back-button-04-5.png);
background-size: contain;
color: transparent !important;
background-repeat: no-repeat;
font-size: 120px;
margin-left: 0px;
position: absolute;
top: -90px;
left: 0;
opacity: 1 !important;
}