Adding a Separator Line in Latest Discussions Module
By Mark H on Wednesday, 14 May 2014
Posted in General Issues
Likes 0
Views 1K
Votes 0
This code is used in the EasyBlog Categories Module to add a line between category entries:

.ezb-mod .mod-item + .mod-item {

    border-top: 1px solid #CCCCCC;

    margin: 10px 0 0 !important;

}


How can I achieve the same thing with the EasyDiscuss Latest Discussions module?
Hello Mark,

The reason it didn't work is because you have added a class suffix without adding a space before your class suffix value. You should use this code instead,



.discuss-mod.recent-discussionstitlebar-dark .item + .item {

    border-top: 1px solid #CCCCCC !important;

    margin: 10px 0 0 !important;

    padding: 10px 0 0;

}
Mark
·
Thursday, 15 May 2014 00:36
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Mark H,
You may try and insert this css code to your template.css file of your current joomla template 
.discuss-mod.recent-discussions .list-item .item + .item {

	border-top: 1px solid #CCCCCC;

        margin: 10px 0 0 !important;

         padding: 10px 0 0;

}


hope that helps

Regards
Kheng Wei
Ooi Kheng Wei
·
Wednesday, 14 May 2014 16:44
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Kheng Wei,

Many thanks for that. I copied it to my template.css file, but it didn't change anything. I cleared my cache etc.

I added this to change the avatar margin and that worked:

div.discuss-mod img.avatar {

  border: 1px solid #CCCCCC;

  margin-right: 10px;

}


Any ideas?
Mark H
·
Wednesday, 14 May 2014 18:09
·
0 Likes
·
0 Votes
·
0 Comments
·
Perfect Mark, thanks, that works now.
Mark H
·
Thursday, 15 May 2014 00:48
·
0 Likes
·
0 Votes
·
0 Comments
·
You are most welcome
Mark
·
Thursday, 15 May 2014 01:50
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post