# Change paragraph size both editor and reading mode

**URL:** <https://forum.obsidian.md/t/change-paragraph-size-both-editor-and-reading-mode/58948>\
**Category:** Devs: Theme Design & Custom CSS\
**Tags:** custom-css\
**Created:** [May 1, 2023, 2:32pm UTC](https://forum.obsidian.md/t/change-paragraph-size-both-editor-and-reading-mode/58948 "2023-05-01T14:32:42Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![vichoquintana](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/v/e47c2d/32.png) [@vichoquintana](https://forum.obsidian.md/u/vichoquintana)\
**Post date:** [May 1, 2023, 2:32pm UTC](https://forum.obsidian.md/t/change-paragraph-size-both-editor-and-reading-mode/58948/1 "2023-05-01T14:32:42Z")

</div>

Hello,

Using a widescreen (or not really that wide) makes the text look awful. I added a CSS snippet to make it more readable but it only affects reading mode. In reading mode looks fantastic but in editing mode still looks awful. I tried with both the options of limit “Readable line length” on and off.

```auto
/* Adjust the width of paragraphs in the editor mode */
.markdown-preview-view p, 
.CodeMirror pre, 
.CodeMirror-wrap pre {
  max-width: 800px !important; /* Change this value to adjust the maximum width of paragraphs */
  margin-left: auto;
  margin-right: auto;
}

```

How do i fix this?

---

<div class="post-metadata">

**Author:** ![ariehen](https://forum.obsidian.md/user_avatar/forum.obsidian.md/ariehen/32/46932_2.png) [@ariehen](https://forum.obsidian.md/u/ariehen)\
**Post date:** [May 1, 2023, 2:49pm UTC](https://forum.obsidian.md/t/change-paragraph-size-both-editor-and-reading-mode/58948/2 "2023-05-01T14:49:20Z")

</div>

What theme do you use?

---

<div class="post-metadata">

**Author:** ![vichoquintana](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/v/e47c2d/32.png) [@vichoquintana](https://forum.obsidian.md/u/vichoquintana)\
**Post date:** [May 1, 2023, 6:24pm UTC](https://forum.obsidian.md/t/change-paragraph-size-both-editor-and-reading-mode/58948/3 "2023-05-01T18:24:17Z")

</div>

Minimal. does that affect?

---

<div class="post-metadata">

**Author:** ![Tanto\_Monta](https://forum.obsidian.md/user_avatar/forum.obsidian.md/tanto_monta/32/47026_2.png) [@Tanto\_Monta](https://forum.obsidian.md/u/Tanto_Monta)\
**Post date:** [May 1, 2023, 6:47pm UTC](https://forum.obsidian.md/t/change-paragraph-size-both-editor-and-reading-mode/58948/4 "2023-05-01T18:47:54Z")

</div>

I’m ussing this snippet. Check if it works for you (I haven’t any theme installed)

```auto
body {
--file-line-width: 800px !important;
}

```

---

<div class="post-metadata">

**Author:** ![ariehen](https://forum.obsidian.md/user_avatar/forum.obsidian.md/ariehen/32/46932_2.png) [@ariehen](https://forum.obsidian.md/u/ariehen)\
**Post date:** [May 1, 2023, 8:05pm UTC](https://forum.obsidian.md/t/change-paragraph-size-both-editor-and-reading-mode/58948/5 "2023-05-01T20:05:32Z")

</div>

> [@vichoquintana](#):
>
> Minimal. does that affect?

Depending on the theme you use, there may be options in their settings or specific CSS that’s needed (the CSS Tanto\_Monta posted above is usually fine).

Using the Minimal theme, it’s easy! → Install the Minimal Theme Settings (if you haven’t yet) and change the “Normal line width” here (mine is set to 42). This will change editing and reading modes with no CSS necessary.

 ![Screenshot 2023-05-02 at 4.52.14](https://forum.obsidian.md/uploads/default/original/3X/b/5/b5949cc2848591a17667a4ff7b4741ddf9ea261e.png)

---

<div class="post-metadata">

**Author:** ![vichoquintana](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/v/e47c2d/32.png) [@vichoquintana](https://forum.obsidian.md/u/vichoquintana)\
**Post date:** [May 1, 2023, 8:26pm UTC](https://forum.obsidian.md/t/change-paragraph-size-both-editor-and-reading-mode/58948/6 "2023-05-01T20:26:08Z")

</div>

worked like a charm!

---

<div class="post-metadata">

**Author:** ![system](https://forum.obsidian.md/uploads/default/original/3X/b/e/bec35fbd23ab28909bb6bfe62cb32eb82dd34019.png) [@system](https://forum.obsidian.md/u/system)\
**Post date:** [July 30, 2023, 8:27pm UTC](https://forum.obsidian.md/t/change-paragraph-size-both-editor-and-reading-mode/58948/7 "2023-07-30T20:27:06Z")

</div>

Closed on July 30, 2023, 8:27pm UTC

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.