Search code examples
semantic-ui

Change font size for text

Is there an easy way to change font size for some none-header text with Semantic-UI, without make changes to the theme or use plain css?

I see for some elements, like button, one could use large, massive and so one. Perhaps something like this is possible for "normal text" also, but I cannot in the documentation see how, but I might be blind?

Solution

  • Semantic UI does not have that out of the box. You can write a CSS class that does it for you.

    .large.text {
   font-size: 2rem;
}

    This would make <p class="large text">Hi there</p> have a size that is twice the size of the baseline text size.