XF 2.0 Sticky thread background color

[Betclever]

Hi,

Since XF2, I'm not able to change the background color of the sticky threads.
Is there another class?

Thanks.

 

[Betclever]

I tried this code but only the background color doesn't apply even with !important

/* Border between sticky/normal threads */
.structItemContainer-group--sticky {
    border-bottom: 6px solid;
    color: xf-diminish(@xf-borderColor, 6%);
}

.structItemContainer-group--sticky {
      background-color: orange !important;
}

.structItemContainer-group--sticky .structItem-title a:link,
.structItemContainer-group--sticky .structItem-title a:visited {
    color: @xf-paletteColor4;
}

.structItemContainer-group--sticky {
      background-color: orange !important;
}

.structItemContainer-group--sticky .structItem-title a:link,
.structItemContainer-group--sticky .structItem-title a:visited {
    color: @xf-paletteAccent3;
}

 

[Russ]

Extra CSS:

.structItemContainer-group--sticky .structItem {
    background-color: red;
}

 

[Betclever]

You'll need to approach it like I mentioned locked threads:

https://xenforo.com/community/threads/lock-thread-color.147762/#post-1254780

Template: thread_list_macros

Find this:

<div class="structItem structItem--thread

Add right after:

{{ $thread.sticky ? '' : ' is-sticky' }}

Then the CSS:

.structItem.is-sticky {  background-color: orange !important; }

Should work.

Thanks for the return Russ but it doesn't work.
In fact, I added your code but the part which is orange is the normal one so normal threads.

What's wrong?

 

[Mr Lucky]

https://xenforo.com/community/resources/sticky-thread-simple-styling.5794/

 

[Russ]

Ya not sure what I was thinking, revert that template change, it's in a div already. Just use this for CSS:

.structItemContainer-group--sticky .structItem {
    background-color: red;
}

 

[Betclever]

Ya not sure what I was thinking, revert that template change, it's in a div already. Just use this for CSS:

.structItemContainer-group--sticky .structItem {
    background-color: red;
}

It works, thanks.