- Fix unexpected height of stick/normal thread banner for mobiles
Thanks for that, it resolved my first issue.You need to add css toextra.less
targeting the classesstructItemContainer-group--sticky-block
andstructItemContainer-group--normal-block
I need to go a step further though, I need to lighten the bg color slightly on the sticky threads,
.structItemContainer-group--sticky {
background-color: lighten(@xf-contentBg, 10%);
}
lighten
to darken
to make it darker. Tying it to @xf-contentBg
ensures that if you change your background color, your darkened color will automatically render (thanks to LESS). .structItemContainer-group--sticky {
background-color: rgba(255, 255, 255, 0.3);
}
0.3
) to any value between 0
(0% and 1.00
(100%) to adjust how much you want to lighten the background. Likewise, use black (rgba( 0, 0, 0, 0.3)
) to darken..structItemContainer-group--sticky {
border-bottom: 3px solid @xf-borderColorFaint ;
}
My god, this is beautiful. Yes I disabled the addon. I was just trying to make it visually different but this just separated them. Not knocking the addon because it works but i'm a stickler for using the fewest addons I can.Change the percentage to change the amount of brightness. ChangeCSS:.structItemContainer-group--sticky { background-color: lighten(@xf-contentBg, 10%); }
lighten
todarken
to make it darker. Tying it to@xf-contentBg
ensures that if you change your background color, your darkened color will automatically render (thanks to LESS).
Another way to do this is to use a partially transparent background color:
Adjust the alpha value (CSS:.structItemContainer-group--sticky { background-color: rgba(255, 255, 255, 0.3); }
0.3
) to any value between0
(0% and1.00
(100%) to adjust how much you want to lighten the background. Likewise, use black (rgba( 0, 0, 0, 0.3)
) to darken.
This will work on the default XenForo theme. But for third party themes that use alternating backgrounds on each thread in the list (like the ThemeHouse theme I am using), it will not change the alternate background color of those.
FYI--I don't use this add-on. Instead, I reference the same CSS element and create a thicker bottom border. I didn't need the "normal" / "sticky" phrases or any other features to get what I wanted.
Code:.structItemContainer-group--sticky { border-bottom: 3px solid @xf-borderColorFaint ; }
@xf-contentBg
is brilliant instead of a static color. Thank you!!I can understand that, I don't use this one in all the sites I sysadmin because a version has been built into the style.i'm a stickler for using the fewest addons I can.
.structItemContainer-group--sticky {
border-bottom: 3px solid @xf-borderColorFaint ;
}
That isn't my add-on, it is one based off it
Unfortunately, I don't find out either. It would be nice if someone could help me. Thanks in advance.Anyone figure out how to change the color? Also I get the little dot as well.
I'm also looking for a way to do that.Seems this displays "Normal Threads" even when there are no sticky threads.
Is there a way to disable it from showing if there are only normal threads?
We use essential cookies to make this site work, and optional cookies to enhance your experience.