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://d11a6trkgmumsb.cloudfront.net/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 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 Installation: How do I install a Th…

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. "#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

Moin July 17, 2024, 8:10pm 9

Did you add any other components that also customize the buttons?

like Rounded Image Borders

Topic		Replies	Views
Buttons rounded edges Support	3	1481	November 14, 2018
Discourse Button Styles Theme component	40	10740	September 18, 2025
Plugin or template for discourse theme component Development	2	390	March 19, 2023
Square profile thumbnails Support	7	81	July 17, 2024
I want to change background color of my Sign Up and Login Button Feature	5	1693	April 8, 2020

How to make forum buttons rounded across all themes

Related topics