xenforo 2 Highlight and Separate Sticky Threads

[uydudoktoru]

Simple css (extra.less) modifications to highlight/separate sticky threads




Insert code in template: extra.less

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

 

[uydudoktoru]

Subtle accent


Insert code in template: extra.less

.structItemContainer-group--sticky {
      background-color: @xf-paletteColor1;
}

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

 

[uydudoktoru]

Highlighted Accent

Insert code in template: extra.less

.structItemContainer-group--sticky {
      background-color: @xf-paletteAccent1;
}

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