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: [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)] After using CSS: [Screenshot_20240717_202839_Chrome] Here on Meta, using the Fully theme, the buttons are rounded. However, using this theme on my forum, they are not.

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: Installing a theme or theme component Preview: Example of what you can style with the settings in this theme [25%20AM] What the settings look like: [37%20AM] There are 6 button sets that can be styled in this component, along with a global style for adding rounded corners to all buttons (border-radius): basic bu… This one will add options to round other things like quotes, images and more [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 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 support for: list ro…

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

[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 simple CSS would work for me (if it did).

How to make forum buttons rounded across all themes

Product Support

Aaron_Walsh (Aaron Walsh) July 17, 2024, 8:04pm 6

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

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

How to make forum buttons rounded across all themes

Related topics