Apply CSS styling to sticky / pinned threads

Apply CSS styling to sticky / pinned threads

Brogan

XenForo moderator
Staff member
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...
 

Gustavo Fernandez

Active member
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?
 

Gustavo Fernandez

Active member
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
Correcto!, Porfavor en este foro tratá de escribir todo en ingles, jeje..

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

kingston

Well-known member
I would like to do something similar to Link Forum. How do I go about finding out what the name is for Link forum?
 

Brogan

XenForo moderator
Staff member
The css for a link node is .linkNodeInfo

You can create some custom css in EXTRA.css for that class.
 

kingston

Well-known member
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
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
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
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
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 :)
 
Top