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 Customization > 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 topic…

@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.

Ajouter une bordure à l'image

Soutien

robbie.morrison (Robbie Morrison) Avril 25, 2025, 3:26 3

Voici la copie HTML précédente collée .. aucune bordure évidente .. et plutôt petite aussi :

Image rendering issue under custom CSS

Sujet		Réponses	Vues
Adding custom class to img tag Feature	6	3310	Octobre 20, 2017
Rounded Borders for images, oneboxes, blockquotes & more Theme component	10	2260	Avril 30, 2025
Default theme discards CSS class for img tags. What now? Support css	2	534	Mars 20, 2023
Image rendering issue under custom CSS Support	3	88	Mai 14, 2025
Set featured image without posting it in the topic Support	23	280	Août 5, 2025

Ajouter une bordure à l'image

Sujets connexes