Apply CSS styling to sticky / pinned threads

[Bi0S Emerald Member Posts:12,183 Threads:12,128 Reputation 31]

Compatible XF Versions:

• 1.0
  
• 1.1
  
• 1.2
  
• 1.3
  
• 1.4
  
• 1.5
  

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.