increase page content size #860

New Issue

OVERLORD · 2026-02-04T22:36:26+03:00

OVERLORD commented

2026-02-04 22:36:26 +03:00

Originally created by @andreiM101 on GitHub (Oct 16, 2018).

Describe the feature you'd like
Set the size of the content of the page on the screen.

Describe the benefits this feature would bring to BookStack users
Now on the left and right of the page content it is a very big (depend of the screen size) empty white area. On the left of the page,, until the navigation bar, is as large as the navigation bar and on the right is big enough. Having the possibility to reduce of this unused area could increase the usability for the users.

I marked with black the zones I'm refering to.

Additional context
If it is possible and I didn't find in the documentation please share with me.

Thanks.
Andrei

Originally created by @andreiM101 on GitHub (Oct 16, 2018). **Describe the feature you'd like** Set the size of the content of the page on the screen. **Describe the benefits this feature would bring to BookStack users** Now on the left and right of the page content it is a very big (depend of the screen size) empty white area. On the left of the page,, until the navigation bar, is as large as the navigation bar and on the right is big enough. Having the possibility to reduce of this unused area could increase the usability for the users. ![bookstack screenshot](https://user-images.githubusercontent.com/38532244/47006031-b2562380-d13d-11e8-88ad-6ded5d02b757.jpg) I marked with black the zones I'm refering to. **Additional context** If it is possible and I didn't find in the documentation please share with me. Thanks. Andrei

OVERLORD closed this issue

2026-02-04 22:36:27 +03:00

OVERLORD commented

2026-02-04 22:36:29 +03:00

@qianmengnet commented on GitHub (Oct 18, 2018):

.page-content { width: 100%; max-width: 840px; margin: 0 auto; margin-top: 48px; overflow-wrap: break-word; }

public/dist/style.css

840px

modify it

@qianmengnet commented on GitHub (Oct 18, 2018): `.page-content { width: 100%; max-width: 840px; margin: 0 auto; margin-top: 48px; overflow-wrap: break-word; }` public/dist/style.css 840px modify it

OVERLORD commented

2026-02-04 22:36:40 +03:00

@andreiM101 commented on GitHub (Oct 18, 2018):

Worked like a charm.

Thanks

@andreiM101 commented on GitHub (Oct 18, 2018): Worked like a charm. Thanks

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/BookStack#860