Page width #1413

Closed
opened 2026-02-05 00:50:00 +03:00 by OVERLORD · 2 comments
Owner

Originally created by @dhodgson7 on GitHub (Oct 16, 2019).

Hi all,

so I inserted the following to increase the page width to 1500 pix using the settings "Custom HTML Head Content", however only when editing does this take effect. When viewing the page it's the default 8xx.

<style> .page-content { max-width: 1500px; } </style>
Originally created by @dhodgson7 on GitHub (Oct 16, 2019). Hi all, so I inserted the following to increase the page width to 1500 pix using the settings "Custom HTML Head Content", however only when editing does this take effect. When viewing the page it's the default 8xx. <style> .page-content { max-width: 1500px; } </style>
OVERLORD added the 🐕 Support🖌️ View Customization labels 2026-02-05 00:50:00 +03:00
Author
Owner

@ssddanbrown commented on GitHub (Oct 16, 2019):

Hi @dhodgson7,
I think you will also need to widen one of the parent containers:

<style>
@media screen and (min-width: 1400px) {
    .tri-layout-middle-contents {
        max-width: 1600px;
    }
}
</style>
@ssddanbrown commented on GitHub (Oct 16, 2019): Hi @dhodgson7, I think you will also need to widen one of the parent containers: ```css <style> @media screen and (min-width: 1400px) { .tri-layout-middle-contents { max-width: 1600px; } } </style> ```
Author
Owner

@dhodgson7 commented on GitHub (Oct 17, 2019):

Perfect thanks Dan, that worked perfectly.

@dhodgson7 commented on GitHub (Oct 17, 2019): Perfect thanks Dan, that worked perfectly.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/BookStack#1413