By Anton on Thursday, 20 September 2018
Posted in Technical Issues
Likes 0
Views 488
Votes 0
Hi,

Could you tell me, what I need to do that similar articles at the bottom were displayed not in 3, but in 2 columns.
For example: https://www.pravoslavnaya-biblioteka.ru/biblioteka/articles/angel-khranitel.html
Hey there,

I had added the following CSS code into Themes > Custom CSS so the mobile version should be working fine now:


body #eb .eb-entry-related.is-mobile>div{
padding:0;
width:47%;
margin:5px;
}


Can you have a look and see how it goes?
·
Friday, 21 September 2018 11:35
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey there,

If you wish to display the related posts in 3 column, you can set the 'Related Posts Limit' to 9 which is at Backend > EasyBlog > Settings > Views > Entry Post > Related Post. (Kindly refer the screenshot)

Can you have a try and see how it goes?

By the way, when I was trying to access your backend by using the account that you provided, I got the following error message:


Warning
Username and password do not match or you do not have an account yet.
·
Thursday, 20 September 2018 15:55
·
0 Likes
·
0 Votes
·
0 Comments
·
Now displays 3 columns horizontally and 2 vertically, but I would like the result was 2 columns both horizontally and vertically so that the columns are 45-50% wide, and for this I suppose I need to make some changes in css, may be you can help me...


Login information for site I updated.

Thanks.
·
Thursday, 20 September 2018 17:15
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey there,

I noticed that you have applied the following CSS code for the related post area at Theme > Custom CSS:


#eb .eb-entry-related >div:nth-child (1n+2) {
clear: left;
border: 1px solid #e1e1e1;
border-radius: 0 0 3px 3px;
padding: 15px;
}

#eb .eb-entry-related>div {
float: left;
padding: 15px;
width: 30%;
margin: 5px;
border: 1px solid #e1e1e1;
border-radius: 0 0 3px 3px;
}


In order to show 2 x 2 view for the related post area, I suggest you to use the following CSS code to replace the old CSS code:


body #eb .eb-entry-related > div:nth-child(3n + 1) {
clear: none;
border: 1px solid #e1e1e1;
border-radius: 0 0 3px 3px;
padding: 15px;
}

body #eb .eb-entry-related > div {
width: 48%;
margin: 5px;
border: 1px solid #e1e1e1;
border-radius: 0 0 3px 3px;
height:350px;
float: left;
padding: 15px;
}


Can you have a try and see how it goes?

Do take note that clear all your cache before you see the changes.
·
Thursday, 20 September 2018 19:12
·
0 Likes
·
0 Votes
·
0 Comments
·
Now it's good.

But there was one problem, in the mobile version, does not work padding in the second and third picture, it and the text are pasted to the border.
·
Thursday, 20 September 2018 20:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi, now it's good!
Thanks a lot!
·
Friday, 21 September 2018 19:27
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for updating Anton, glad that your issue is resolved now.
·
Friday, 21 September 2018 22:03
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post