Font size for books title #3897

Closed
opened 2026-02-05 07:48:17 +03:00 by OVERLORD · 3 comments
Owner

Originally created by @MInus63 on GitHub (Jul 4, 2023).

Attempted Debugging

  • I have read the debugging page

Searched GitHub Issues

  • I have searched GitHub for the issue.

Describe the Scenario

Hello

I have applied your recommendations for changing font sizes as follows:

<style>
.page-content h1 { font-size: 1.8rem; }
.page-content h2 { font-size: 1.6rem; }
.page-content h3 { font-size: 1.4rem; }
.page-content h4 { font-size: 1.2rem; }
.page-content h5 { font-size: 1.1rem; }
.page-content h6 { font-size: 1.0rem; }
</style>

However, I realized that it doesn't change the font for the book, chapters and may be shelves titles.

It's OK when you display the list of available books, but, for exemple, if you click on a book to see the chapters and pages listed in that book, then the book title is in very large, unmodified type.

Is there an option I forgot to add in my modifications?

Exact BookStack Version

v23.01.1

Log Content

No response

PHP Version

No response

Hosting Environment

Debian 11

Originally created by @MInus63 on GitHub (Jul 4, 2023). ### Attempted Debugging - [X] I have read the debugging page ### Searched GitHub Issues - [X] I have searched GitHub for the issue. ### Describe the Scenario Hello I have applied your recommendations for changing font sizes as follows: ``` <style> .page-content h1 { font-size: 1.8rem; } .page-content h2 { font-size: 1.6rem; } .page-content h3 { font-size: 1.4rem; } .page-content h4 { font-size: 1.2rem; } .page-content h5 { font-size: 1.1rem; } .page-content h6 { font-size: 1.0rem; } </style> ``` However, I realized that it doesn't change the font for the book, chapters and may be shelves titles. It's OK when you display the list of available books, but, for exemple, if you click on a book to see the chapters and pages listed in that book, then the book title is in very large, unmodified type. Is there an option I forgot to add in my modifications? ### Exact BookStack Version v23.01.1 ### Log Content _No response_ ### PHP Version _No response_ ### Hosting Environment Debian 11
OVERLORD added the 🐕 Support label 2026-02-05 07:48:17 +03:00
Author
Owner

@ssddanbrown commented on GitHub (Jul 5, 2023):

There are no specific classes/ids to target for the desired titles, but you could generically target them via:

<style>
.content-wrap h1 {
 font-size: 1.8rem;
}
</style>

Note: this may affect other areas of the app also, not just those requested titles.

@ssddanbrown commented on GitHub (Jul 5, 2023): There are no specific classes/ids to target for the desired titles, but you could generically target them via: ```html <style> .content-wrap h1 { font-size: 1.8rem; } </style> ``` Note: this may affect other areas of the app also, not just those requested titles.
Author
Owner

@MInus63 commented on GitHub (Jul 10, 2023):

Hi

Thanks Dan, that's exactly what I wanted

<style>
.content-wrap h1 { font-size: 1.8rem; }
.page-content h1 { font-size: 1.8rem; }
.page-content h2 { font-size: 1.6rem; }
.page-content h3 { font-size: 1.4rem; }
.page-content h4 { font-size: 1.2rem; }
.page-content h5 { font-size: 1.1rem; }
.page-content h6 { font-size: 1.0rem; }
</style>
@MInus63 commented on GitHub (Jul 10, 2023): Hi Thanks Dan, that's exactly what I wanted ``` <style> .content-wrap h1 { font-size: 1.8rem; } .page-content h1 { font-size: 1.8rem; } .page-content h2 { font-size: 1.6rem; } .page-content h3 { font-size: 1.4rem; } .page-content h4 { font-size: 1.2rem; } .page-content h5 { font-size: 1.1rem; } .page-content h6 { font-size: 1.0rem; } </style> ```
Author
Owner

@ssddanbrown commented on GitHub (Jul 10, 2023):

Awesome! will therefore close this off.

@ssddanbrown commented on GitHub (Jul 10, 2023): Awesome! will therefore close this off.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/BookStack#3897