# Font size in Code Editors

**URL:** <https://forum.pinegrow.com/t/font-size-in-code-editors/1582>\
**Category:** Bug Reports\
**Tags:** font, code, editor\
**Created:** [February 5, 2018, 8:35pm UTC](https://forum.pinegrow.com/t/font-size-in-code-editors/1582 "2018-02-05T20:35:26Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![millano572](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/millano572/32/58_2.png) [@millano572](https://forum.pinegrow.com/u/millano572)\
**Post date:** [February 5, 2018, 8:35pm UTC](https://forum.pinegrow.com/t/font-size-in-code-editors/1582/1 "2018-02-05T20:35:26Z")

</div>

Can’t resize font in code editor.  
Although I changed it to 18px in Settings, it reamins at 12px

---

<div class="post-metadata">

**Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\
**Post date:** [February 19, 2018, 10:05am UTC](https://forum.pinegrow.com/t/font-size-in-code-editors/1582/2 "2018-02-19T10:05:02Z")

</div>

@millano572 can you provide more info please, not really enough for any of us to be able to help. Are you using a framework, if so which. Is it a particular element you are trying to resize the font in, etc. Maybe add a couple of screenshots.

---

<div class="post-metadata">

**Author:** ![jaredksmith](https://avatars.discourse-cdn.com/v4/letter/j/a4c791/32.png) [@jaredksmith](https://forum.pinegrow.com/u/jaredksmith)\
**Post date:** [October 28, 2018, 4:36pm UTC](https://forum.pinegrow.com/t/font-size-in-code-editors/1582/3 "2018-10-28T16:36:14Z")

</div>

I would also like to know if I’m doing this wrong and how to change the font size in the PineGrow code editors.  
I select “Support -\> Settings”  
Change Font size in Code editors from 12px to 18px and click save.  
Nothing changes. The font in the code editors is still really small.  
Is this a bug or am I doing something wrong?

---

<div class="post-metadata">

**Author:** ![Marf](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/marf/32/1799_2.png) [@Marf](https://forum.pinegrow.com/u/Marf)\
**Post date:** [October 28, 2018, 5:38pm UTC](https://forum.pinegrow.com/t/font-size-in-code-editors/1582/4 "2018-10-28T17:38:22Z")

</div>

I experienced the same issue recently, and also found the problem!

**This is a copy of my post from the Pinegrow Slack Channel:**

> ℹ An update for the issue I had with the **“font-size”** not changing for the **“code-editor”**!  
> I studied the Pinegrow source code a bit, found the problem and fixed it !!!
> 
> For these 3 files at line 3760 :
> 
> \lib\crsa\edit.theme.gray.css  
> \lib\crsa\edit.theme.high.contrast.css  
> \lib\crsa\edit.theme.light.css
> 
> ```
> .CodeMirror pre {
> font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
> line-height: 1.33;
> font-size: 12px;
> }
> 
> ```
> 
> Must be (without font-size declaration)
> 
> ```
> .CodeMirror pre {
> font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
> line-height: 1.33;
> }
> 
> ```
> 
> @matjaz Can you fix this in the Pinegrow source code, and remove that **“font-size”** declaration…?? 🙈

---

<div class="post-metadata">

**Author:** ![jaredksmith](https://avatars.discourse-cdn.com/v4/letter/j/a4c791/32.png) [@jaredksmith](https://forum.pinegrow.com/u/jaredksmith)\
**Post date:** [October 28, 2018, 5:59pm UTC](https://forum.pinegrow.com/t/font-size-in-code-editors/1582/5 "2018-10-28T17:59:12Z")

</div>

Thanks Marf. That worked perfectly. With that font-size: rule removed, changing the settings inside Pinegrow works just as expected. 🙂

---

<div class="post-metadata">

**Author:** ![matjaz](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/matjaz/32/5_2.png) [@matjaz](https://forum.pinegrow.com/u/matjaz)\
**Post date:** [October 29, 2018, 3:58am UTC](https://forum.pinegrow.com/t/font-size-in-code-editors/1582/6 "2018-10-29T03:58:15Z")

</div>

Thanks @Marf, I did the change in the code.

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [October 29, 2018, 4:00pm UTC](https://forum.pinegrow.com/t/font-size-in-code-editors/1582/7 "2018-10-29T16:00:05Z")

</div>

Godlike Status there @Marf mate… 😉

---

<div class="post-metadata">

**Author:** ![mcmayer](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/mcmayer/32/1698_2.png) [@mcmayer](https://forum.pinegrow.com/u/mcmayer)\
**Post date:** [January 4, 2019, 7:04am UTC](https://forum.pinegrow.com/t/font-size-in-code-editors/1582/8 "2019-01-04T07:04:21Z")

</div>

I can see the files on Mac, but not on Linux. The Linux installation seems to have everything bundled somewhere, or am I missing something?

@matjaz: Can you push an update of Pinegrow with this fix? On those fancy new 4k whatnot screens the editor font is the tiniest of tiny fonts!

---

<div class="post-metadata">

**Author:** ![matjaz](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/matjaz/32/5_2.png) [@matjaz](https://forum.pinegrow.com/u/matjaz)\
**Post date:** [January 4, 2019, 9:02am UTC](https://forum.pinegrow.com/t/font-size-in-code-editors/1582/9 "2019-01-04T09:02:33Z")

</div>

This fix is already in Pinegrow 5.0. It doesn’t work for you?

---

<div class="post-metadata">

**Author:** ![mcmayer](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/mcmayer/32/1698_2.png) [@mcmayer](https://forum.pinegrow.com/u/mcmayer)\
**Post date:** [January 4, 2019, 11:50am UTC](https://forum.pinegrow.com/t/font-size-in-code-editors/1582/10 "2019-01-04T11:50:35Z")

</div>

Yesterday it didn’t work for me. Today it does. How bizarre.  
I’m quite sure I was on 5.0 and I did put ‘px’ in the font size - I can’t think of anything else I could have done wrong.  
Sorry for the confusion.