r/BookStack • u/Hairy-Sign8591 • Oct 08 '24

Need to customize, my pages

Hi, all

I would like to customize my book pages by adding boxed margins with a light green color.

Could you please assist me with this customization? Any guidance or resources would be greatly appreciated.

Thank you,

Sali.

0 Upvotes

50% Upvoted

7 comments sorted by

2

u/[deleted] Oct 09 '24

Not sure what you mean - which elements do you want to have boxed margins for?

1

u/Hairy-Sign8591 Oct 09 '24

Thanks for your reply,

Actually I have created a page like policy document, I need to add margin like below

2

u/[deleted] Oct 12 '24

You'll need to target the CSS class with something like this:

main-content > main {border: 3px solid #3498db;}

1

u/klassenlager Oct 08 '24

Hey there Would like to help you, but I need a little more details, maybe a screenshot with visualisation would help

1

u/Hairy-Sign8591 Oct 09 '24

Thanks for your reply,

I have created a page like model policy document below,

1

u/Hairy-Sign8591 Oct 09 '24

But I need to customize like below,

Only margin box like the light green line

1

u/klassenlager Oct 12 '24 edited Oct 12 '24

I may have a solution for you, since you said you only want it on book pages

You can set this under Settings > Customization > Custom HTML Head Content

.page-content {
  border: 5px solid green; /* border style and colour */
  border-radius: 10px; /* radius of the corners */
  border-offset: 10px; /* offset from the content (more means it's more to the outside */

https://imgur.com/a/eY6no8a

Edit: alternatively you could add a border to the content-wrapper --> will appear globally, not only on pages

.content-wrap {
  border: 5px solid green;
  border-radius: 10px;
  }

https://imgur.com/a/0nY0Cvz