By Florian on Friday, 31 January 2014
Posted in General Issues
Replies 5
Likes 0
Views 603
Votes 0
Hi,

I am trying to change the layout of my latest blog display to be horizontal columns rather than sequential vertical blog posts. Is there any way that I can change the CSS file to display my 3 latest blog posts in three columns on my website?

Thanks
Hello Florian,

Please provide us with the link to the page that you are referring to.
·
Saturday, 01 February 2014 00:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Here you go. Just opened the Firewall ports...

There is a section at the bottom of the page where I am trying to display the latest three blog posts. In three columns next to each other.

Thanks
·
Sunday, 02 February 2014 03:29
·
0 Likes
·
0 Votes
·
0 Comments
·
Try to add the block of css codes below into your template's css file,


.ezblog-latestpost .mod-item
{
float: left !important;
border-top: 0 !important;
width: 30% !important;
}

body .ezblog-latestpost .mod-item + .mod-item
{
margin: 0 0 0 30px !important;
}
·
Sunday, 02 February 2014 19:43
·
0 Likes
·
0 Votes
·
0 Comments
·
That worked nicely. Thank you very much....
·
Monday, 03 February 2014 01:30
·
0 Likes
·
0 Votes
·
0 Comments
·
You are most welcome
·
Monday, 03 February 2014 01:43
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post