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

I use the “Generic BBCode wrapper” system for this: [imagem] Generic bbcode wrapper for theme components Announcements 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 and usable in theme…

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…

[imagem] 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. …

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 [imagem] 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 change of the followi…

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

Adicionar borda à imagem

Suporte

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

Aqui está a cópia anterior do HTML colada… sem borda aparente… e meio pequena também:

Image rendering issue under custom CSS

Tópico		Respostas	Visualizações
Adding custom class to img tag Feature	7	3276	4 de Dezembro de 2025
Rounded Borders for images, oneboxes, blockquotes & more Theme component	10	2183	30 de Abril de 2025
Default theme discards CSS class for img tags. What now? Support css	3	499	20 de Março de 2023
Image rendering issue under custom CSS Support	4	67	13 de Junho de 2025
Set featured image without posting it in the topic Support	24	203	5 de Agosto de 2025

Adicionar borda à imagem

Tópicos relacionados