• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
Apply CSS styling to sticky / pinned threads

Apply CSS styling to sticky / pinned threads

Brogan

XenForo moderator
Staff member
#1
Brogan submitted a new resource:

Apply CSS styling to sticky threads (version 1.0) - Make sticky threads stand out from the crowd.

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

Add this to EXTRA.css:
HTML:
.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...
Read more about this resource...
 
#6
This is a simple edit to change the css for sticky threads only.

Add this to EXTRA.css:
HTML:
.discussionListItem.visible.sticky, .discussionListItem.visible.sticky .posterAvatar, .discussionListItem.visible.sticky .stats
{
background: @inlineMod;
font-style: italic;
}
not work in Flexile theme... Then... How to use?
 
#8
You need make a modification on the PAGE_CONTAINER

Find
HTML:
	<!--XenForo_Require:CSS-->
and add after:
HTML:
<style>
<xen:include template="extra.css" />
</style>
It's nice, thanks for the contribution :D
Thanks... Now I can draw lines of "Extra.css" from anywhere in the forum?
Gracias... Ahora puedo llamar lineas del "Extra.css" desde cualquier parte del foro??
 

PoLiZe

Well-known member
#9
Correcto!, Porfavor en este foro tratá de escribir todo en ingles, jeje..

Yes!, Please in this forum only english, for spanish, xenfacil.com :)
 

kingston

Well-known member
#15
The css for a link node is .linkNodeInfo

You can create some custom css in EXTRA.css for that class.
I think I did something wrong??

.linkNodeInfo{
background: @inlineMod;
font-style: italic;
}

My link to an entry in the wiki (so just a link) isn't colored.
 

Brogan

XenForo moderator
Staff member
#16
Try this :)

Code:
.linkNodeInfo{
background-color: @inlineMod !important;
font-style: italic;
}
You have to use the !important declaration to override the existing CSS.
 

Renada

Active member
#18
Hi,

Is there a way to just change the link colour of the message title?

Also Kier mentioned here - http://xenforo.com/community/threads/does-xenforo-support-sticky-threads.347/ -
Sticky threads are templates just like any others - if you want them to look different, you can just add some extra styling to .discussionListItem.sticky
I've searched through the templates for .discussionListItem.visible.sticky and .discussionListItem.sticky and the search comes up empty. Are these not searchable?

Regards,
Renada :)
 

Brogan

XenForo moderator
Staff member
#19
Just add a color property to the css in the first post if you want to change the thread title colour.

The css classes you're searching for don't exist in the default templates which is why they don't appear in any search results.
 

Renada

Active member
#20
Just add a color property to the css in the first post if you want to change the thread title colour.

The css classes you're searching for don't exist in the default templates which is why they don't appear in any search results.
Hi Brogan,

Adding font-color: #ff0000; or just color: #ff0000; to the css in the first post changes the colour of Replies/Views font but not the thread title. What do I need to add?

Regards,
Renada :)