Permanently increase the font size of the left and right panels and the status bar

[Cajun]

In the Obsidian Dev Console, I can increase the font size of the left and right panels and the status bar. However, it isn’t permanent. So, I have to change it daily. I am using the Ebulliantworks theme. I have tried to find the specific properties in the CSS code, but I’ve been unsuccessful. I did manage to change the font size in the calendar, but due to eye issues, I need to find a way to permanently change the font size of the sidebars and status bar.

Any help would be appreciated.

[Olondre]

You could use this CSS Snippet:

    .workspace-split.mod-horizontal.mod-left-split *, .workspace-split.mod-horizontal.mod-right-split *, .status-bar {
        font-size: 30px;
    }

If you don’t know how to add a CSS Snippet, I gave an explanation here:

Option to disable strikethrough for checked todo items

Sorry, just saw your question. Maybe you’ve found it out by now, but here I go anyways: You create a textfile with the CSS code and give the file a title + .css (e.g.: Checkboxes.css). You put that file into the snippets folder (Vault/.obsidian/snippets). If the snippets folder does not exist yet, simply create it. Now you can activate your snippet in Obsidian under Settings -> Appearance -> CSS snippets.

[Cajun]

My apologies, I should have mentioned I know how to create a snippet.

Any chance you know how to change the status bar?

[Olondre]

i noticed that i forgot that and edited my post a few minutes ago to include that.
You could also split the selectors if you don’t want the same font-size for all three.

[Cajun]

That would be ideal if that is not too much to ask. I just went into settings, and I’d like to increase the font size there as well.

These were the specific values I changed in the Dev panel that worked for me.
–font-ui-smaller: 12px;
–font-ui-small: 13px;
–font-ui-medium: 15px;

[Olondre]

@Cajun

These were the specific values I changed in the Dev panel:
–font-ui-smaller: 12px;
–font-ui-small: 13px;
–font-ui-medium: 15px;

To change those permanently add this snippet and change the font-sizes:

body {
    --font-ui-smaller: 12px;
    --font-ui-small: 13px;
    --font-ui-medium: 15px;
}

[Cajun]

Outstanding!
I cannot tell you how much I appreciate your help!
Thanks so much!

[Olondre]

No problem. Glad I was able to help! Have a nice weekend.

[Cajun]

You too!