Bookstack: Ability to change font size for page content

Created on 7 Aug 2017  路  9Comments  路  Source: BookStackApp/BookStack

Desired Feature: Ability to change font size for page content

  • BookStack Version: v0.17.3
Expected Behavior

Is there any suggested way to change font size through configuration?

Since most of my docs users will prefer bigger font size, I wonder if there's a quick way to change it. An alternative approach would be allowing them to do so client-side with discrete A+ and A- buttons.

Actual Behavior

It looks like the best (and only) approach for this is by customizing the HTML headers.

Also, this looks related to https://github.com/BookStackApp/BookStack/issues/423 , so in that case I'll follow-up.

Thanks and regards,

Feature Request

Most helpful comment

On a per page basis you could always do a <font size="16"> or make an arbitrary class and do a <span class="biggertext"> to get bigger text where you want it since inline HTML is supported.

All 9 comments

On a per page basis you could always do a <font size="16"> or make an arbitrary class and do a <span class="biggertext"> to get bigger text where you want it since inline HTML is supported.

Thanks @domainzero , I was referring to a global-scope setting, but this also helps.

<font size="16"> won't change text in codeblocks unfortunately.

@alariva Throwing this into the 'Custom HTML Head Content' will get you near:

<style>
.page-content {font-size: 1.1em;}
.cm-s-base16-light.CodeMirror {font-size: 14px;}
</style>

For a documentation platform it may be good to have this as on-page controls though 馃 . Good idea.

Would be nice to be in the default toolset. I am missing it too. For the whole page or for the selected text. I guess the idea is that people just zoom in as they like in the browser, but controlling selected text font size easily is pretty expected.

Any news on this?

@drmax24 Nope, Nothing upon the above options for now

.cm-s-base16-light.CodeMirror {font-size: 14px;}

Seems this doesnt do anything to the text in the body but only the heading of the page. Has the code updated to reflect a different reference other than .cm-s-base16-light.CodeMirror?

It would be nice to be able to choose the default font size of each level of heading (an perhaps style in general, some people may want to do something like Wikipedia with some titles in bold sans-serif and others in bold serif) . I generally feel distracted by the big size of headings. I'm more for a slightly bigger heading.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

spiritedfang picture spiritedfang  路  4Comments

Valiantiam picture Valiantiam  路  3Comments

Legoracers picture Legoracers  路  3Comments

gab-cass picture gab-cass  路  3Comments

davidtessier picture davidtessier  路  3Comments