XF1 TUT] Apply CSS styling to sticky / pinned threads

Apply CSS styling to sticky / pinned threads

This resource is not affiliated with XenForo Ltd.

This is a simple edit to change the css for sticky threads only.

Add this to EXTRA.css:
Code:
.discussionListItem.visible.sticky,
.discussionListItem.visible.sticky .posterAvatar,
.discussionListItem.visible.sticky .stats {
background: @inlineMod;
font-style: italic;
}
The example code above changes the background colour to that of the inline mod palette colour and makes the font italic.
Just change the css to suit.

Note that there is a gradient image applied to the avatar and stat's blocks so if you want that gradient to remain then use background-color instead of background.


To change the text colours, use this:
Code:
.discussionListItem.visible.sticky .title a:link,
.discussionListItem.visible.sticky .title a:visited {
color: #CC0000;
}

Code:
.discussionListItem.visible.sticky .lastPostInfo .username {
color: #CC0000;
}

Change the #CC0000 to suit.

I wish you success.