CSS styling for top entries module blog
By Joren de Koning on Monday, 20 January 2014
Posted in General Issues
Replies 3
Likes 0
Views 811
Votes 0
Hi,

Can you help me with the CSS styling of easyblog top entries module?

I have the top entries module in the 3rd tab here: http://www.hrcommunity.nl/hrzone/ which is called top rated. I want to have this top blogs not presented under each other but next to each other. Just like tab 1 and 2 (which is a different module). Can you tell me what CSS code to use to have the the top entires blogs presented horizontal instead of vertical?

http://www.hrcommunity.nl/hrzone/
Hello Joren,
Try applying this in your custom css file in your template. If it is not successful please send me your FTP so I could apply it for you.

.ezb-mod .mod-item {

	padding: 0px 20px !important;

	width: 198px !important;

	float: left !important;

	margin: 10px 0 0 !important;

}



.ezb-mod .mod-post-image img {

	padding: 0px !important;

}



.ezb-mod .mod-post-meta {

	margin: 0 !important;

}



.ezb-mod div.mod-item .mod-post-title {

	line-height: 1 !important;

}



.mod-post-meta.small {

	display: none !important;

}


Thanks:)
Khairul
·
Monday, 20 January 2014 17:53
·
0 Likes
·
0 Votes
·
0 Comments
·
Nope not working. Could you take a look? I have send you ftp details
Joren de Koning
·
Tuesday, 21 January 2014 04:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Joren,

I had apply the css in your custom files. I had left a few details on the css because I was unable to test it, sorry for that. The module is displayed vertically now.

Thanks
Khairul
·
Tuesday, 21 January 2014 12:40
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post