Feature Request: Allow adding borders around images #842

Closed
opened 2026-02-04 22:27:02 +03:00 by OVERLORD · 4 comments
Owner

Originally created by @lazynooblet on GitHub (Oct 3, 2018).

Images with a background similar to the page background would look better with a border.

Editing the HTML and adding "border='1'" has no effect currently either.

Originally created by @lazynooblet on GitHub (Oct 3, 2018). Images with a background similar to the page background would look better with a border. Editing the HTML and adding "border='1'" has no effect currently either.
OVERLORD added the 🎨 Design Question labels 2026-02-04 22:27:02 +03:00
Author
Owner

@ssddanbrown commented on GitHub (Oct 3, 2018):

Hi @stalks,

If you want to add such styling to all images you can do so through the 'Custom HTML Head Content' setting.

This is what I use:

<style>
    .page-content img {
        box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.1), 0px 2px 6px 0 rgba(0, 0, 0, 0.2);
        border-radius: 3px;
    }
</style>

You can just place that in that setting and save and all images will have a nice shadow to separate the content. Alternatively, For a border:

<style>
    .page-content img {
        border: 2px solid #DDD;
    }
</style>

Currently no simple UI option for singular images though.

@ssddanbrown commented on GitHub (Oct 3, 2018): Hi @stalks, If you want to add such styling to all images you can do so through the 'Custom HTML Head Content' setting. This is what I use: ```html <style> .page-content img { box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.1), 0px 2px 6px 0 rgba(0, 0, 0, 0.2); border-radius: 3px; } </style> ``` You can just place that in that setting and save and all images will have a nice shadow to separate the content. Alternatively, For a border: ```html <style> .page-content img { border: 2px solid #DDD; } </style> ``` Currently no simple UI option for singular images though.
Author
Owner

@lazynooblet commented on GitHub (Oct 8, 2018):

@ssddanbrown This works great thanks!

@lazynooblet commented on GitHub (Oct 8, 2018): @ssddanbrown This works great thanks!
Author
Owner

@DonnaScriptTechs commented on GitHub (Oct 8, 2018):

Great tip! Thanks. Still would be a nice feature similar to Confluence that has a setting for image shadow/border/style

@DonnaScriptTechs commented on GitHub (Oct 8, 2018): Great tip! Thanks. Still would be a nice feature similar to Confluence that has a setting for image shadow/border/style
Author
Owner

@ssddanbrown commented on GitHub (Oct 13, 2018):

@stalks Awesome, Will therefore close this request

@ssddanbrown commented on GitHub (Oct 13, 2018): @stalks Awesome, Will therefore close this request
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/BookStack#842