Apply CSS styling to sticky / pinned threads

[Paul B]

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:

.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...

 

[lms]

Thanks, brogan. Work fine.

Salud2

 

[Shelley]

Thanks, brogan. Work fine.

Salud2

Nice paul you've given me an idea for something a little different and out of the ordinary.

 

[ArnyVee]

Nice paul you've given me an idea for something a little different and out of the ordinary.

I love to hear things like that

Go Shelley Go!

And thanks for sharing Paul

 

[lms]

And merging with the Tenshi's mod, looks like

Salud2

 

[Gustavo Fernandez]

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

Add this to EXTRA.css:

.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?

 

[PoLiZe]

not work in Flexile theme... Then... How to use?

You need make a modification on the PAGE_CONTAINER

Find

	<!--XenForo_Require:CSS-->

and add after:

<style>
<xen:include template="extra.css" />
</style>

It's nice, thanks for the contribution

 

[Gustavo Fernandez]

You need make a modification on the PAGE_CONTAINER

Find

	<!--XenForo_Require:CSS-->

and add after:

<style>
<xen:include template="extra.css" />
</style>

It's nice, thanks for the contribution

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]

Correcto!, Porfavor en este foro tratá de escribir todo en ingles, jeje..

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

 

[Gustavo Fernandez]

Correcto!, Porfavor en este foro tratá de escribir todo en ingles, jeje..

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

Ok thanks

 

[lms]

PoLiZe, add your Flexile style solution in xenfacil.

Thanks.

 

[Jeffin]

This is awesome. Thanks Brogan.

 

[kingston]

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

 

[Paul B]

The css for a link node is .linkNodeInfo

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

 

[kingston]

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.

 

[Paul B]

Try this

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

You have to use the !important declaration to override the existing CSS.

 

[kingston]

oooohhhhhhhhhhhhhhhhhhhhhhh

 

[Renada]

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

 

[Paul B]

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]

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