Can I reduce the size of the text in the pages list view? #1468

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

Originally created by @guischmo on GitHub (Nov 29, 2019).

Hi, this is more a question than a feature requests. Since i'm not very good at Tweaking things I ask here if this is easily possible.

My problem is that I will do a Medicine database so for each chapter I'll have a huge list of pages.
In the current configuration when you deploy a chapter to display the list of pages inside, the fonts is quite big and there is a ton of spacing between each page title, which looks nice but when you have about 150 page to display a more "compacted" list would be more useful for me.

If there is an easy way (1-2 lines of code somewhere to edit) I'll gladly take it. If it's too complicated, well I'll forget about it...

Thanks for the help

prev
Originally created by @guischmo on GitHub (Nov 29, 2019). Hi, this is more a question than a feature requests. Since i'm not very good at Tweaking things I ask here if this is easily possible. My problem is that I will do a Medicine database so for each chapter I'll have a huge list of pages. In the current configuration when you deploy a chapter to display the list of pages inside, the fonts is quite big and there is a ton of spacing between each page title, which looks nice but when you have about 150 page to display a more "compacted" list would be more useful for me. If there is an easy way (1-2 lines of code somewhere to edit) I'll gladly take it. If it's too complicated, well I'll forget about it... Thanks for the help <img width="1350" alt="prev" src="https://user-images.githubusercontent.com/28254131/69885873-b4e2f080-12df-11ea-814e-f6841cd115b9.png">
OVERLORD added the Question🖌️ View Customization labels 2026-02-05 01:00:01 +03:00
Author
Owner

@ssddanbrown commented on GitHub (Dec 7, 2019):

Hi @guischmo,
Sorry for the late response.

This is possible with a little bit of custom CSS. Add the following to the "Custom HTML Head Content" option in the settings area:

<style>
	.book-content .entity-list h4, .chapter-content .entity-list h4 {
		font-size: 1.2em;
	}
</style>

You can tweak the 1.2 above to suite your needs. The default in BookStack is 1.666. Note that future BookStack updates could affect this tweak.

@ssddanbrown commented on GitHub (Dec 7, 2019): Hi @guischmo, Sorry for the late response. This is possible with a little bit of custom CSS. Add the following to the "Custom HTML Head Content" option in the settings area: ``` <style> .book-content .entity-list h4, .chapter-content .entity-list h4 { font-size: 1.2em; } </style> ``` You can tweak the `1.2` above to suite your needs. The default in BookStack is `1.666`. Note that future BookStack updates could affect this tweak.
Author
Owner

@ssddanbrown commented on GitHub (Jun 28, 2020):

Closing this off as it appears to be answered and no follow-up seems to be required.

@ssddanbrown commented on GitHub (Jun 28, 2020): Closing this off as it appears to be answered and no follow-up seems to be required.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/BookStack#1468