tag font size

shuo-ding

hi. I wonder where is the default CSS config that I can see in original flarum files?
I wish to change the 1st level tag font size bigger, and 2nd level tag font bigger too.
but when i change the body font size in the customise CSS option, the "admin" and " start discussion" becomes bigger but the tags remain same size.

so I wish to find a way to only change the tags' font size, to make it bigger on the mobile phone UI. thanks

addtocartips

shuo-ding Please try this custom CSS for increasing Tag Font Size

.Dropdown--select .Dropdown-menu>li>a {
      font-size: 1.2em !important;
}

To Increase Icon Size

.Dropdown--select .Dropdown-menu>li>a .Button-icon {
    font-size: 18px !important;
}

This is only my Suggestion and Using for my website.

clarkwinkelmann

addtocartips it seems like this code will apply in a lot of places in Flarum.

It's best to use the context-specific classes like .item-<name> and the other special classnames generally added to each control.

The generic Dropdown--select is used in many places by Flarum itself, and it's a re-usable component that many extensions will use for various purposes.

I have not really understood which part of the UI the OP wants to change so I cannot make a recommendation but if we have a screenshot of what part you are trying to target I could share more specific class names.

shuo-ding

addtocartips Thanks a lot. I confirm this code works. I can see the left side tags list font has become bigger. On the mobile phone, the tags list font is larger.
But the color box of tags after clicking "tags", the font inside the box does not change much. Maybe this is some other setting. Thank you very much.

shuo-ding

clarkwinkelmann Thank you very much for replying me.
I also wonder whether there is an API for customising the CSS style. For example, I do not know at all about this ".Dropdown--select .Dropdown-menu>", and where can I find it? Even it is in source code, it is fine. If you could let me know some clues, it is appreciated.
As I said above, I can change the left-side tag list font now. But I wish to change the font size in the color box of tags as well. Now on the mobile phone,the font is really not big for the 2nd level tags. Thanks!