Still it seems that all ordasoft templates do not support joomla articles in a blog view with 2 or 3 columns. I have already added the following code you have given me to all css files of the template. But it does not work.
What can I do?
.pagination {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 30px;
}
.pagination>ul {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.pagination>ul>li {
list-style: none;
margin: 0 10px;
}
.cols-2,
.masonry-2,
.cols-3,
.masonry-3,
.cols-4,
.masonry-4 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.cols-4>div,
.masonry-4>div {
width: 24%;
margin-bottom: 20px;
}
.cols-3>div,
.masonry-3>div {
width: 32%;
margin-bottom: 20px;
}
.cols-2>div,
.masonry-2>div {
width: 49%;
margin-bottom: 20px;
}
@media (max-width: 1199px) {
.cols-4>div,
.masonry-4>div {
width: 32%;
margin-bottom: 20px;
}
}
@media (max-width: 991px) {
.cols-3>div,
.masonry-3>div,
.cols-4>div,
.masonry-4>div {
width: 49%;
margin-bottom: 20px;
}
}
@media (max-width: 768px) {
.cols-2>div,
.masonry-2>div,
.cols-3>div,
.masonry-3>div,
.cols-4>div,
.masonry-4>div {
width: 100%;
margin-bottom: 20px;
}
}