Following on from the topic below (I would have continued there but that topic is now closed): [image] Add border to image Support Hello all Can I add a thin border to a JPG image without resorting to a theme component? I want to keep this simple and avoid, for instance, this component: I have tried every variation of the img tag that I can think of. The only thing that worked was to embed the image in a kbd tag, but that is a bit odd. This is really what I want to write: <img src="upload://jIMXtLgb7enbLUiahXVT1Jz14n4.jpeg" alt="photo showing derelict medium voltage power pole" width="75%" style="border: 1px … The rendering of a custom CSS‑styled image file seems to have a small bug — namely the right‑side 1px black solid border is not displayed. Shrinking the image to 95% fixes the problem. The custom CSS is border : 1px solid black. The editing preview renders correctly — but the live version does not. An example can be found here. As I said, this is a small bug, but one probably worth fixing. TIA. I can avoid this problem by also setting width : 98% but I don’t think I should have to do that? Any thoughts?

Looks like it just needs box-sizing to make the auto width account for the border. .cooked img:not(.thumbnail, .ytp-thumbnail-image, .emoji), .d-editor-preview img:not(.thumbnail, .ytp-thumbnail-image, .emoji) { border: 1px solid #000; box-sizing: border-box; }

@ admins: perhaps the code in this post could be duly modified (or is that against protocols): https://meta.discourse.org/t/add-border-to-image/363471/3

Image rendering issue under custom CSS

Product Support

robbie.morrison (Robbie Morrison) May 14, 2025, 7:01am 4

@Alteras That works. A quick round of applause!

Topic		Replies	Views
Add border to image Product Support	9	549	April 28, 2025
Inline preview images are sometimes cut off left or right by one pixel Product Support	10	888	March 27, 2022
Images in posts too wide when “max image width” is set Product Support	11	1159	August 22, 2019
Creating a box/shaddow around images Product Support	4	869	March 16, 2019
Rounded Borders for images, oneboxes, blockquotes & more Theme component	10	2421	April 30, 2025

Image rendering issue under custom CSS

Related topics