Apply CSS styling to sticky / pinned threads
- Thread starter Paul B
- Start date
Renada
Active member
This is what I now have in the Extra.css
Code:
.discussionListItem.visible.sticky, .discussionListItem.visible.sticky .posterAvatar, .discussionListItem.visible.sticky .stats
{
background: @inlineMod;
font-style: italic;
}
.discussionListItem .title a:link and a:visited.
{
color: #ff0000;
}This doesn't work - any ideas how it should look? CSS isn't one of my strong points.
Regards,
Renada
Sorry, I missed this post.This doesn't work - any ideas how it should look? CSS isn't one of my strong points.
Regards,
Renada
Try this:
Code:
.discussionListItem.visible.sticky .title a:link,
.discussionListItem.visible.sticky .title a:visited {
color: #CC0000;
}And this for the last post user name:
Code:
.discussionListItem.visible.sticky .lastPostInfo .username {
color: #CC0000;
}Change the #CC0000 to suit.
Digital Doctor
Well-known member
Would there be a way to hide Sticky threads once I've read them .... until maybe there is a new reply in the sticky threads ? or a new thread ?
Renada
Active member
Claudio
Well-known member
emmm and where I have to add that?
Claudio
Well-known member
Code:
.discussionListItem.visible.sticky, .discussionListItem.visible.sticky .posterAvatar, .discussionListItem.visible.sticky .stats
{
background: @inlineMod;
font-style: italic;
}
background: @inlineMod !important;
.discussionListItem.visible.sticky .title a:link,
.discussionListItem.visible.sticky .title a:visited {
color: #CC0000;
}
background: @inlineMod !important;
.discussionListItem.visible.sticky .lastPostInfo .username {
color: #CC0000;
}
background: @inlineMod !important;this is ok?
Your markup is incorrect.
You have background: @inlineMod !important; repeated but outside the closing }.
Try this:
I've just tested that on 1.1 and it works, so if it still doesn't work for you, then it's an issue with your style.
You have background: @inlineMod !important; repeated but outside the closing }.
Try this:
Code:
.discussionListItem.visible.sticky, .discussionListItem.visible.sticky .posterAvatar, .discussionListItem.visible.sticky .stats {
background: @inlineMod !important;
font-style: italic !important;
}
.discussionListItem.visible.sticky .title a:link,
.discussionListItem.visible.sticky .title a:visited {
color: #CC0000 !important;
}
.discussionListItem.visible.sticky .lastPostInfo .username {
color: #CC0000 !important;
}I've just tested that on 1.1 and it works, so if it still doesn't work for you, then it's an issue with your style.
F
Floris
Guest
I just wanted a subtle discoloration. but still have inline moderation highlight it.
background: rgba(255, 255, 240, 0.6);
Is what I use now.
background: rgba(255, 255, 240, 0.6);
Is what I use now.
That's because it is only supposed to work for sticky threads.
Like this:
Code:
.discussionListItem.visible.unread,
.discussionListItem.visible.unread .posterAvatar,
.discussionListItem.visible.unread .stats {
background: orange;
font-style: italic;
}
