Label restyle

[Boy_Wonder]

So what I'm after is rather then label text showing in colour like they do now the label to be a box shape with the text the forums default colour

eg

I am a Label

Another Label

 I am a thread Title

etc


Brian or anyone else?

[Brian]

Each label has a unique class you can address using CSS in your style sheet if you can find that class in the source.

Easiest way is to right-click an existing label in your thread list and select Inspect Element.

[Boy_Wonder]

Jun 14, 2015 13:57:39 GMT -8 Brian said:

Each label has a unique class you can address using CSS in your style sheet if you can find that class in the source.

Easiest way is to right-click an existing label in your thread list and select Inspect Element.

I went after that but the issue is that the text colour is set inline 

<span class="ui-label label-1 label-board-2" style="border-color: #fb3030; color: #fb3030;">FAQ Post</span>

from my understanding of HTML that'd mean that'd always override without use of defaults

[Tumbleweed]

This should change your labels if you haven't worked it out yet. (I tested this my board-7 so you'd need to change that or remove it if you have the same colors on all your boards for your labels.)

.ui-label.label-1.label-board-7{background-color:#ff0000!important;
}
.ui-label.label-2.label-board-7{background-color:#ffff00!important;
}

If you go to your thread lists template, there is no inline styling.

[Boy_Wonder]

I got it working so it looks amazing on the thread list... but the post looks less good - its still in its box but rather then text being aligned middle its squished at the bottom

orangesandlemons.boards.net/thread/7/using-dice-saving-stats

[Brian]

They have default CSS overriding them. Search your style sheet for a line that starts with this:

.posts span.labels .ui-label

It's redefining the padding of your labels in threads.

[Boy_Wonder]

cheers!