Good evening, I’m trying to make all the buttons on my forum more rounded square. I’ve used the CSS within CSS/HTML: .btn { border-radius: 5px; } This works in the preview tab, but it doesn’t work in the live forum after including the component on these themes. Currently on the forum: <a class="lightbox" href="https://global.discourse-cdn.com/meta/original/4X/8/9/7/897de4e4bf21eb7fd3f1b0e1878195e9afa15310.jpeg" data-download-href="/uploads/short-url/jCj8HvhEiA6Wv6V8hWI7EDmf0LC.jpeg?dl=1" title="This image shows the interface of an online forum or discussion board, with menus for creating a new topic, selecting categories, formatting options, and a text entry area for posting content. (Captioned by AI)" rel="noopener nofollow ugc">[Thi…

Try this Customization > Theme component [image] Discourse Button Styles Theme component This theme component includes basic settings for changing button colors without writing CSS. Github repo : https://github.com/awesomerobot/discourse-button-styles In…

My God! I’m always telling my users to use the search function before creating a topic! Now I’m guilty of the same thing! I was searching for “rounded buttons.” I was more complex than it needed to be. I should have just searched for “buttons.”

Well I used this search term. "#customization:theme-component Round"

You can also do :root { --d-button-border-radius: 5px } or :root { --d-border-radius: 5px; } if you really want rounded corners everywhere

Hmm… again, both only seem to work in preview mode, even after refreshing the forum and logging in and out.

[image] Aaron Walsh: use the search function Open wound on sight… where is my salt Fifth hit: [IMG_3419] Sorry mate, I just couldn’t resist the temptation :rofl:

After you install a component & To apply it you need to add to your themes, then need to refresh the page. After that is should be visible logged in or not Preview is just for testing without any themes active

[image] Aaron Walsh: both only seem to work in preview mod Did you add any other components that also customize the buttons? like Rounded Image Borders

Sorry, I was responding to @awesomerobot ’s post with the CSS.

Same with creating a custom component. After you save it you need to add it to your themes.

Done this also. Just looking at @Moin ’s response and can’t see anything that will conflict with the custom component. I’ll take a deep dive into “Discourse Button Style.” I did have this before, and to be honest, there were a lot of empty boxes, and my ADHD brain couldn’t cope with it, haha! Just a…

How to make forum buttons rounded across all themes

Support

Heliosurge (Dan DeMontmorency) July 17, 2024, 7:47pm 2

Try this Customization > Theme component

This one will add options to round other things like quotes, images and more

Topic		Replies	Views
Buttons rounded edges Support	2	1492	October 15, 2018
Discourse Button Styles Theme component	40	10846	September 18, 2025
Plugin or template for discourse theme component Development	2	402	March 19, 2023
Square profile thumbnails Support	6	103	July 17, 2024
I want to change background color of my Sign Up and Login Button Feature	5	1708	April 8, 2020

How to make forum buttons rounded across all themes

Related topics