Sticky thread simple styling

[Mr Lucky]

Mr Lucky submitted a new resource:

Sticky thread simple styling - Background colour and text styling of sticky threads

After trying ALMUSA's sticky thread separator, I went a bit further and decided to try customising the look of the stickies.

This seems to be much simpler than in xf1, the following added to EXTRA.less will change the background colour, font style and font colour of the main text (i.e. the links)

.structItemContainer-group.structItemContainer-group--sticky

{background:#000;
font-style:italic;}

.structItemContainer-group.structItemContainer-group--sticky a
{color:#fff}

Read more about this resource...

 

[Mr Lucky]

Mr Lucky updated Sticky thread simple styling with a new update entry:

Adding a title to the block of stickies

I didn't even think this would be possible, but this seems to work nicely:

.structItemContainer-group.structItemContainer-group--sticky:before {
content: "  Sticky Posts: ";
line-height:2em;
font-size:20px;
padding-left:10px;
}

Read the rest of this update entry...

 

[51463]

thanks for this! works great, it's easier for users to see which ones are stickies,

unless you are trying to trick them into clicking the sticky

.
.

 

[vasile]

hello , do did you get the red box with the text IMPORTANT to display

 

[Mr Lucky]

hello , do did you get the red box with the text IMPORTANT to display

That is just a normal thread prefix, nothing to do with stickies

 

[vasile]

ok im very new to this that's why im asking , how can I implement that into my own threads ? if you don't mind sharing

 

[vasile]

ive got it thanks

 

[ŽivaAkcija]

works fine

 

[SchmitzIT]

The changes to the EXTRA work fine, but how did you get the bar between the stickies and regular threads to show up? On my end, the stickies now are italic and a different colour (white), but they are directly above the normal threads, where your screenshot has a distinct separator below them.

Thanks!

 

[Old Nick]

but how did you get the bar between the stickies and regular threads to show up?

Sticky thread separator (CSS)

May 2, 2022

A simple add css to make important threads more visible.

• Allan
• xenfrench
• Template modifications [2.x]