By Ian Anderson on Thursday, 20 November 2014
Posted in General Issues
Replies 4
Likes 0
Views 748
Votes 0
Hi,

Is it possible to display the EasyBlog Latest Blog Module entries in 2 columns?

I would like the "Latest News" section in my sidebar to display the entries in 2 columns here: http://dev.teenstreet.org.au/news/entry/latest-news/more-news

Ideally, these columns would be responsive.

See attached pic.

Thanks

Ian
I have managed to achieve this with this CSS:

div.ezb-mod.ezblog-latestpost{
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
}


But as you can see, the "Events Coming Up" module below "Latest News" is splitting the picture and title into both columns.

Any fix for this?

Cheers
·
Thursday, 20 November 2014 10:50
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Ian,

Looking good to me: http://screen.stackideas.com/2014-11-20_1053.png . What did you mean by splitting the picture? However, we have developed multi-column module for EB5. You might want to wait for that.
·
Thursday, 20 November 2014 10:54
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Nick,

That's strange. Take a look at the pic attached. I'm getting the title for "Man Camp" in the second column.

Also, I have another Latest Blog module (same category) loading inside the Main Menu under "News". Is it possible for that particular module to only have 1 column?

Cheers

Ian
·
Thursday, 20 November 2014 11:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Ian,

From my testing, I already be able to make the sidebar content layout into 2 columns, but the results is not the best as I hope it would be and I think it is best if you can share with us your FTP & site access if you need our team to help you on customization.

Below is the code:
.ezblog-latestpost .ezb-mod {
overflow: hidden;
margin: 0 -5px;
}

.ezblog-latestpost .ezb-mod .mod-item {
float: left;
padding: 10px 5px !important;
}
.ezblog-latestpost .ezb-mod .mod-post-image a {
position: relative;
width: 100%;
height: 100%;
}

.ezblog-latestpost .ezb-mod .mod-post-image a:before {
content: "";
display: block;
padding-top: 100%;
}

.ezblog-latestpost .ezb-mod .mod-post-image a img{
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}
If you planned to go with 2 columns layout, please consider the display of your blog title in the layout. See attachment.

Also, I have another Latest Blog module (same category) loading inside the Main Menu under "News". Is it possible for that particular module to only have 1 column?


In Joomla, we can assign a specific class to each module, so that will make each module unique. Read more here: http://docs.joomla.org/Module_Class_Suffix

Hope this will help, please remember to share your site access & FTP account if you need us to help you on your customization.

Thank you
·
Thursday, 20 November 2014 12:42
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post