How to I create a custom style to make the labels bold? #232
-
|
Hello, I've been experimenting with styles but I can't seem to get a handle on the font-weight of the labels, for example. Simple changes like "height: 10px;" work great for adding spaces around the grid however how do I target all Labels or a specific Label for a dropdown or something like it? Thank you! |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
|
Hi Mike! To add styling to all the components in a fragment, you can apply a class directly to the fragment in the same "Advanced styling" section, while no component is selected.
The content of the style class is SCSS, which mean you can nest any additional selectors in it. Then it's a matter of targeting a specific-enough selector. For a label that would be .bx--label {
font-weight: bold;
}
I hope this helps. Feel free to reopen the discussion if there's anything else you'd like to know 😃 |
Beta Was this translation helpful? Give feedback.
Hi Mike!
To add styling to all the components in a fragment, you can apply a class directly to the fragment in the same "Advanced styling" section, while no component is selected.
The content of the style class is SCSS, which mean you can nest any additional selectors in it. Then it's a matter of targeting a specific-enough selector.
For a label that would be
I hope this helps. Feel free to reopen the discussion if there's anything else you'd like to know 😃