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: [image] Rounded Borders for images, oneboxes, blockquotes & more Theme component Created a very …

I use the “Generic BBCode wrapper” system for this: [image] Generic bbcode wrapper for theme components megaphoneAnnouncements I added this feature a while back and realised I didn’t post about it. You can now use a special syntax in markdown to have it cooked…

Here is the earlier HTML copy/pasted in .. no border evident .. and kinda small too: [photo showing derelict medium voltage power pole]

.cooked img:not(.thumbnail,.ytp-thumbnail-image,.emoji), .d-editor-preview img:not(.thumbnail,.ytp-thumbnail-image,.emoji) { border: 4px solid red; } devtools hacked CSS … YMMV :rofl: [The image displays a rope ladder with no visible border and some illegibility in the text provided. (Caption…

[image] robbie.morrison: style="border: 1px solid gray"> custom CSS gets stripped out of posts because someone could do something like border: 1000px solid gray and make the whole topic unreadable You need to add some CSS to a theme or a theme component to do this, no great way around it. Y…

Many thanks. Some follow‑up. @merefield : your example worked when added as follows: ☰ ▸ Admin ▸ Customize ▸ Themes = Default ▸ Edit CSS/HTML ▸ Desktop ▸ CSS @awesomerobot : I could not get your code to work, despite trying some variations. Note that first example is site‑wide and the second e…

This #theme-component maybe of interest [image] Rounded Borders for images, oneboxes, blockquotes & more Theme component Created a very simple component to change the borders of images, oneboxes, blockquotes and staff notices shown in topics. Allows chan…

@Heliosurge Tx. I had noted that component in my OP. But I will give it a try today too.

My bad skimmed topic and missed that. But as others mentioned here you would create a custom component. The benefit though of using an existing component is potentially it is already maintained. However TC are also handy to study and use parts of the code in your own custom works.

@simonk tx, that works for me and is per‑image too.

Add border to image

Support

Heliosurge (Dan DeMontmorency) April 26, 2025, 8:27am 7

This #theme-component maybe of interest

Topic		Replies	Views
Adding custom class to img tag Feature	6	3297	October 20, 2017
Rounded Borders for images, oneboxes, blockquotes & more Theme component	10	2222	April 30, 2025
Default theme discards CSS class for img tags. What now? Support css	2	520	March 20, 2023
Image rendering issue under custom CSS Support	3	82	May 14, 2025
Set featured image without posting it in the topic Support	23	246	August 5, 2025

Add border to image

Related topics