Size of Label Text?

[Alan Vende]

Forum URL: (private)

Is the font size of a label hard-coded, or is it possible to figure out the size? I ask because I'm trying to replicate something like that on this page of this forum, as I think I said in another thread (although I can't seem to find it at the moment).

Thanks!

[Brian]

Hi, Alan Vende.

All font sizes on a web page are determined by that page's CSS and any inline styles related to font sizes specified in that element's style attribute.

[Alan Vende]

Apr 11, 2018 15:38:34 GMT -8 Brian said:

Hi, Alan Vende .

All font sizes on a web page are determined by that page's CSS and any inline styles related to font sizes specified in that element's style attribute.

Thanks, Brian ! I just don't remember there being a label class/ID name. Or am I going about that wrong? You said,  they're determined by that page's CSS and any inline styles related to font sizes specific in that element's style attribute. So, does that mean that they are in the Stylesheet? I took a quick look there, and it doesn't look like there's anything there, unless I'm missing an obvious ID/class name.

But they're the same for all forums on the default theme, aren't they? Or, like I said, am I going about it wrong? I'm probably overthinking it.

PS: Sorry for posting in the wrong board. I wasn't sure where this would go, so I put it in the Support Board. Thank you for moving it!

[Brian]

If you're referring to thread labels those have CSS defined by .ui-label in the theme's style sheet as well as inline CSS that determine their colors.

dev.prbrds.com/b/o/tbeKgrvpVDpljOoOLAfy.png

[Alan Vende]

Whoops, yes, that's what I was referring to. I thought I had said thread labels, but I didn't, I apologize for that. So, inline styles determine their colors, but the .ui-label determines their size and so forth. It says 80% as the font size. Is there any way to convert that to px, do you know?

Thank you for your help!

[Brian]

80% means the font size will be 80% of whatever its parent element uses as its font size. If its parent element uses a percentage as its font size or uses inherit then you continue looking through parents until you find one with an explicitly defined font size.

The Computed tab also tells you the final font size of the element, and expanding that shows you what CSS selectors affected it.

[Alan Vende]

Thank you! What browser are you using? For some reason, Google Chrome's tools don't have a Computed tab, from what I'm seeing. (I attempted to look at a label through Google Chrome and couldn't find what you had in the screenshot.)