XF 2.3 Is there a way to highlight sticky treads in forums

[The Chip Spa]

Either with bold text or a different background color?

 

[Mr Lucky]

I use this in extra.less template

/*STICKY SEPARATOR*/


/*the sticky background*/
.structItemContainer-group.structItemContainer-group--sticky

{
    border:3px solid @xf-paletteColor2 ;
    border-radius:10px;
    margin:0px 0px 10px 0px;}

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

 

[The Chip Spa]

I use this in extra.less template

/*STICKY SEPARATOR*/


/*the sticky background*/
.structItemContainer-group.structItemContainer-group--sticky

{
    border:3px solid @xf-paletteColor2 ;
    border-radius:10px;
    margin:0px 0px 10px 0px;}

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

Thank You!

 

[lightspeed]

I use this in extra.less template

/*STICKY SEPARATOR*/


/*the sticky background*/
.structItemContainer-group.structItemContainer-group--sticky

{
    border:3px solid @xf-paletteColor2 ;
    border-radius:10px;
    margin:0px 0px 10px 0px;}

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

Thankyou for sharing your sticky thread highlight code, it works perfectly on XF 2.3 in both the light and dark modes.

 

[AndyB]

You might like this add-on:

https://xenforo.com/community/resources/sticky-threads.7297/

 

[Seeker-Smith]

I use this in extra.less template

/*STICKY SEPARATOR*/


/*the sticky background*/
.structItemContainer-group.structItemContainer-group--sticky

{
    border:3px solid @xf-paletteColor2 ;
    border-radius:10px;
    margin:0px 0px 10px 0px;}

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

I quite like this one, thanks!

 

[twollert]

border:3px solid @xf-paletteColor2 ;

How to define different colors for light and dark mode?

 

[Deleted member 184953]

How to define different background colors for light and dark mode?

Post in thread 'Custom prefixes'
https://xenforo.com/community/threads/custom-prefixes.222693/post-1688837

 

[Digital Doctor]

sticky threads are annoying to users - for good reason.

Most forums need to trim their number of sticky threads.