condense forum layout
Posted by: Tom-in-Amsterdam on 08 December 2015
As per Richards request, new topic for the forum layout. I put it in Hifi corner as that's where I reside mostly. I've spent a bit of time on the topic list and today very quickly tried to optimise the topic layout too.
The topic layout still needs a bit of love to be optimal; I'll get to when I find the time.
Later I will post some screenshots; can't do that from work and the forum does not allow me to upload photo's...
@Richard, could you move the topic somewhere suited?
TOPIC list custom css
TOPIC list custom css off TOPIC custom css TOPIC custom css off
For this to work you need 2 things: google chrome AND stylish (chrome extension). Then you can add a custom css for the naim forums and paste the following code:
.member-avatar {
width: 40px;
}
.line-item {
margin-bottom: 0px;
}
#featuredTopicsSection_body.first {
background-color: red;
}
.h-ubb-topic-list-box {
margin-bottom: 4px;
}
.section-box-header h3 {
font-size: 16px;
}
.h-topic-title {
font-size: 13px;
}
.h-topic-last-post > a:last-child {
display: none;
}
.h-topic-labels > a:first-child {
display: none;
}
.h-ubb-topic-list-box {
padding: 3px;
}
.h-topic-metadata {
display: none;
}
.h-topic-labels {
float: right;
}
i.fa-calendar,
i.fa-link {
display: none;
}
.medium-2.columns > * {
display: none;
}
.medium-10.columns {
width: 100%
}
#pageTitle {
font-size: 18px;
}
.featuredTopicsSection_header h3 {
font-size: 12px;
}
.post-body p {
font-size: 13px;
}
.post-box {
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
}
p:empty {
display: none;
}
article.post-box {
padding: 3px !important;
margin-top:5px;
}
.post-body {
line-height: 10px;
font-size: 13px;
}
.post-box {
margin-bottom: 5px;
}