58
rated 0 times
[
61]
[
3]
/ answers: 1 / hits: 7155
/ 3 Years ago, sat, april 3, 2021, 12:00:00
How do I make it have two rows with text below?
This is what i want:
enter image description here
I want to achive this.
this is my HTML
<div class="radio-news-slider">
<article>
<figure>
<a href="#">
<img src="img/radio-new/radio-new.png" alt=""/>
</a>
</figure>
<a href="#">Lorem ipsum dolor sit amet</a>
<p class="mb-0">
Class aptent taciti sociosqu ad litora torquent per conubia
</p>
</article>
<article>
<figure>
<a href="#">
<img src="img/radio-new/radio-new.png" alt=""/>
</a>
</figure>
<a href="#">Lorem ipsum dolor sit amet</a>
<p class="mb-0">
Class aptent taciti sociosqu ad litora torquent per conubia
</p>
</article>
</div>
And more aticles.
This is output from this code:
enter image description here
This is my JS:
$('.radio-news-slider').slick({
infinite: true,
slidesToShow: 5,
prevArrow: "<i class='slick-prev pull-left fas fa-sort-up' aria-hidden='true'></i>",
nextArrow: "<i class=' slick-next pull-right fas fa-sort-up' aria-hidden='true'></i>",
responsive: [
{
breakpoint: 576,
settings: {
slidesToShow: 3,
rows: 2
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 3
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 4
}
}
]
});
Please help me how to do this..
More From » html