# How to change paragraph font size?

**URL:** https://meta.discourse.org/t/how-to-change-paragraph-font-size/98773
**Category:** Support
**Created:** [10월 5, 2018, 3:53오전 UTC](https://meta.discourse.org/t/how-to-change-paragraph-font-size/98773 "2018-10-05T03:53:06Z")
**Posts on this page:** 18
**Page:** 1

<div class="post-metadata">

### Author: ![John\_Smith3](https://avatars.discourse-cdn.com/v4/letter/j/a9adbd/32.png) [@John\_Smith3](https://meta.discourse.org/u/John_Smith3)
#### Post date: [10월 5, 2018, 3:53오전 UTC](https://meta.discourse.org/t/how-to-change-paragraph-font-size/98773/1 "2018-10-05T03:53:06Z")

</div>

Is there an easy way to globally change the font size for paragraph text?

Thanks!

---

<div class="post-metadata">

### Author: ![Stranik](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stranik/32/85638_2.png) [@Stranik](https://meta.discourse.org/u/Stranik)
#### Post date: [10월 5, 2018, 4:42오전 UTC](https://meta.discourse.org/t/how-to-change-paragraph-font-size/98773/2 "2018-10-05T04:42:34Z")

</div>

If I understand correctly and you mean it:

 ![css](https://global.discourse-cdn.com/meta/original/3X/4/7/47089f8b53290a21101c24d05dd0150236362f36.jpeg)

```plaintext
.cooked {
    font-size: 1.3em;
}

```

Or

```plaintext
.topic-body .contents .cooked {
    font-size: 1.3em;
}

```

---

<div class="post-metadata">

### Author: ![John\_Smith3](https://avatars.discourse-cdn.com/v4/letter/j/a9adbd/32.png) [@John\_Smith3](https://meta.discourse.org/u/John_Smith3)
#### Post date: [10월 5, 2018, 4:54오전 UTC](https://meta.discourse.org/t/how-to-change-paragraph-font-size/98773/3 "2018-10-05T04:54:41Z")

</div>

Thanks so much for the quick response - I’m new to Discourse and am really impressed with the community.

I’m hoping to enlarge all paragraph text on my site because it’s too small to read for those with bad eyesight. Will the fix you sent do that, and if so, where do I add that code?

Thanks!

---

<div class="post-metadata">

### Author: ![Stranik](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stranik/32/85638_2.png) [@Stranik](https://meta.discourse.org/u/Stranik)
#### Post date: [10월 5, 2018, 5:00오전 UTC](https://meta.discourse.org/t/how-to-change-paragraph-font-size/98773/4 "2018-10-05T05:00:26Z")

</div>

I think this guide should help you.

> [@Beginner's guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966):
>
> This is a crash course in Discourse theme basics. The target audience is everyone who is not familiar with Discourse themes. If you’ve already used Discourse theme / theme components, this guide is probably not something you need to read. What are themes and theme components? A theme or theme component is a set of files packaged together designed to either modify Discourse visually or to add new features. Let’s start with themes. Themes In general, themes are not supposed to be compatible …

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [10월 5, 2018, 6:19오전 UTC](https://meta.discourse.org/t/how-to-change-paragraph-font-size/98773/5 "2018-10-05T06:19:24Z")

</div>

There might be a better more general place to adjust font size @awesomerobot?

---

<div class="post-metadata">

### Author: ![John\_Smith3](https://avatars.discourse-cdn.com/v4/letter/j/a9adbd/32.png) [@John\_Smith3](https://meta.discourse.org/u/John_Smith3)
#### Post date: [10월 5, 2018, 6:24오전 UTC](https://meta.discourse.org/t/how-to-change-paragraph-font-size/98773/6 "2018-10-05T06:24:22Z")

</div>

I hope so. It seems like something that would be in a settings menu.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [10월 5, 2018, 6:25오전 UTC](https://meta.discourse.org/t/how-to-change-paragraph-font-size/98773/7 "2018-10-05T06:25:15Z")

</div>

Well we keep talking about shipping built in font size theme elements but I am not sure what is taking so long, where are we on this @sam?

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [10월 5, 2018, 7:06오전 UTC](https://meta.discourse.org/t/how-to-change-paragraph-font-size/98773/8 "2018-10-05T07:06:23Z")

</div>

A lot of our internals support user selectable theme components now, but there are some finishing touches left @Osama did not have time to get to, @xrav3nz will be picking up on this in a couple of weeks.

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [10월 5, 2018, 11:02오전 UTC](https://meta.discourse.org/t/how-to-change-paragraph-font-size/98773/9 "2018-10-05T11:02:18Z")

</div>

People with bad eyesight need to know how to type control - + to enlarge the fonts on every site they visit. And given that they know that, they’ll likely be annoyed when they visit your site because the font will be too big.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [10월 5, 2018, 11:04오전 UTC](https://meta.discourse.org/t/how-to-change-paragraph-font-size/98773/10 "2018-10-05T11:04:44Z")

</div>

Right, agreed, but it can also be a user preference on the specific website as well. Furthermore that would increase all fonts on the website, not just the body text font. You can control it a bit more surgically via theme components that users opt into.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [10월 5, 2018, 2:01오후 UTC](https://meta.discourse.org/t/how-to-change-paragraph-font-size/98773/11 "2018-10-05T14:01:36Z")

</div>

The easiest way to do this is to bump up all text, or specific sections of the UI (posts for example).

```CSS
html { // all text in Discourse
    font-size: 15px; // default is 14px
}

```

```CSS
.container.posts,
.d-editor-container {
   font-size: 15px; // increase text in posts and the post composer by 1 font size
}

```

There’s no general concept to increase only text that’s currently 14px to 15px (you could do it, but it’s a lot of hand-picking individual elements to style). Generally it’s not the best idea to _only_ increase paragraph text because suddenly the paragraph text might be larger than some header text, which kind of messes up the emphasis/hierarchy.

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [10월 5, 2018, 5:06오후 UTC](https://meta.discourse.org/t/how-to-change-paragraph-font-size/98773/12 "2018-10-05T17:06:51Z")

</div>

Doesn’t this more or less already exist as a member option?

 ![image](https://global.discourse-cdn.com/meta/original/3X/9/5/95e57acab15e71709db18f2a6c5129a3b879db69.jpeg)

---

<div class="post-metadata">

### Author: ![John\_Smith3](https://avatars.discourse-cdn.com/v4/letter/j/a9adbd/32.png) [@John\_Smith3](https://meta.discourse.org/u/John_Smith3)
#### Post date: [10월 5, 2018, 6:45오후 UTC](https://meta.discourse.org/t/how-to-change-paragraph-font-size/98773/13 "2018-10-05T18:45:51Z")

</div>

Thanks so much! This worked perfectly. 18 across the board is what I was looking for. It just bumped everything to give it a more chunky, clicky feel.

---

<div class="post-metadata">

### Author: ![John\_Smith3](https://avatars.discourse-cdn.com/v4/letter/j/a9adbd/32.png) [@John\_Smith3](https://meta.discourse.org/u/John_Smith3)
#### Post date: [10월 5, 2018, 6:49오후 UTC](https://meta.discourse.org/t/how-to-change-paragraph-font-size/98773/14 "2018-10-05T18:49:47Z")

</div>

I see your point, however, our problem is the “People with bad eyesight need to know…” and I’m afraid our users don’t. We’ll keep an eye on that though, and thanks for the heads up.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [10월 5, 2018, 8:35오후 UTC](https://meta.discourse.org/t/how-to-change-paragraph-font-size/98773/15 "2018-10-05T20:35:13Z")

</div>

No, that overrides the entire theme, which is not what you want. You want a font enlarging “mixin” or “theme component” that users can opt into in their preferences.

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [10월 5, 2018, 11:24오후 UTC](https://meta.discourse.org/t/how-to-change-paragraph-font-size/98773/16 "2018-10-05T23:24:11Z")

</div>

> [@John\_Smith3](#):
>
> e “People with bad eyesight need to know…” and I’m afraid our users don’t.

Lucky that accessing your site is the only reason they’ll be using the internet. 😉

> [@John\_Smith3](#):
>
> we’ll keep an eye on that.

That seems like an inappropriate joke for your sight-impaired users. 🙂

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [1월 14, 2019, 7:02오후 UTC](https://meta.discourse.org/t/how-to-change-paragraph-font-size/98773/17 "2019-01-14T19:02:56Z")

</div>

> [@codinghorror](#):
>
> You want a font enlarging “mixin” or “theme component” that users can opt into in their preferences.

> [@We need a "large fonts" and "small fonts" theme to ship with Discourse](https://meta.discourse.org/t/we-need-a-large-fonts-and-small-fonts-theme-to-ship-with-discourse/60879/37):
>
> Per-user font size selection is now part of Discourse. You’ll find the setting under your interface preferences.

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [1월 14, 2019, 7:03오후 UTC](https://meta.discourse.org/t/how-to-change-paragraph-font-size/98773/18 "2019-01-14T19:03:01Z")

</div>


