# Rounded Borders for images, oneboxes, blockquotes & more
**URL:** https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044
**Category:** Theme component
**Created:** [July 6, 2022, 3:23am UTC](https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044 "2022-07-06T03:23:34Z")
**Posts on this page:** 11
**Page:** 1
### Author:  [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [July 6, 2022, 3:23am UTC](https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044/1 "2022-07-06T03:23:34Z")
Created a very simple component to change the borders of images, oneboxes, blockquotes and staff notices shown in topics.
Allows change of the following settings
- set image rounding intensity
- set image border width
- set image border color
- set onebox rounding intensity
- change onebox border width
- change onebox border color
- change onebox background color
- set rounding blockquotes intensity
- remove left border from blockquotes
- set ‘staff color’ rounding intensity
- [topic thumbnail](https://meta.discourse.org/t/topic-list-thumbnails-theme-component/150602) support for:
- list rounded corners
- grid rounded corners
- placeholder bg
- placeholder icon color
- grid topic title bg
### Light mode with 10px rounding and no border
### Dark mode with 10px rounding and 2px border
### Including onebox support
### Blockquote rounding (15px)
Or remove left border from blockquotes:
### Rounded staff color
### Support for [Topic Thumbnails](https://meta.discourse.org/t/topic-list-thumbnails-theme-component/150602)
List view
Grid view
| | | |
| --- | --- | --- |
| 🕶 | **Preview** | Screenshots above / [Live Preview](https://discourse.theme-creator.io/theme/MarcP/rounded-borders) |
| 🔗 | **Github Repo** | [Rounded Image Borders](https://github.com/MarcRez33/discourse-round-image-borders) |
| 🛠 | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [July 6, 2022, 3:01pm UTC](https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044/2 "2022-07-06T15:01:36Z")
Thank you this is quite nice.
---
### Author:  [@WorldIsMine](https://meta.discourse.org/u/WorldIsMine)
#### Post date: [February 21, 2023, 7:35am UTC](https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044/3 "2023-02-21T07:35:26Z")
Thank you! Been using it for a while now.
---
### Author:  [@nafets-lesierk](https://meta.discourse.org/u/nafets-lesierk)
#### Post date: [October 25, 2023, 1:42pm UTC](https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044/4 "2023-10-25T13:42:36Z")
Really nice. One update wish. Would be cool if we could add padding between the border and the paste. Cheers!
---
### Author:  [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [October 26, 2023, 4:39am UTC](https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044/5 "2023-10-26T04:39:50Z")
Please enlighten your suggestion with a screenshot, I don’t fully understand it.
---
### Author:  [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [April 30, 2024, 11:43am UTC](https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044/6 "2024-04-30T11:43:27Z")
I have pushed a few improvements:
- You can adjust avatar rounding now (default, circle = 50%)
- Some improvements for buttons. If button rounding is enabled category dots get fixed minimal rounding + modals are included now.
---
### Author:  [@robbie.morrison](https://meta.discourse.org/u/robbie.morrison)
#### Post date: [April 29, 2025, 5:39pm UTC](https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044/7 "2025-04-29T17:39:36Z")
I installed the **Rounded Borders** to my Default theme and left the provided defaults. But I don’t understand how this applies.
Does this work on a per‑uploaded‑image basis, site‑wide going forward, or site‑wide for everything?
Do I just need to upload and JPG and let it do its thing? Do I get some choices at that juncture? I am on a production site so I don’t like to experiment too much. Puzzled. TIA.
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [April 29, 2025, 11:32pm UTC](https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044/8 "2025-04-29T23:32:53Z")
I can’t say for sure. But I believe it would be once installed moving forward. A test Upload new image and see if it has applied border. If not try the wrench on a specific post not topic and choose rebuild hmtl.
If it is not applied in either case you may need to check TC settings. Also ensure you have added it to themes in use. Refresh page to ensure settings are in effect as you maybe viewing cached pages.
---
### Author:  [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [April 29, 2025, 11:37pm UTC](https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044/9 "2025-04-29T23:37:26Z")
They are CSS customizations, so they apply site-wide.
It’s mostly a personal component I decided to make public, so you may have to experiment with various settings to see how it works. Some settings have a toggle that has to be enabled before the settings are applied.
This is all you need for images (default is off btw). Anything below allows rounding for other elements as you wish.
---
### Author:  [@robbie.morrison](https://meta.discourse.org/u/robbie.morrison)
#### Post date: [April 30, 2025, 7:21am UTC](https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044/10 "2025-04-30T07:21:51Z")
Can I suggest a small tweak to the interface (in red):
---
### Author:  [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [April 30, 2025, 7:23am UTC](https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044/11 "2025-04-30T07:23:46Z")
Pretty sure that’s in core translations.