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 #theme-component [画像] 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: Instal…

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.

[画像] 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

[画像] 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…

フォーラムボタンを全テーマで角丸にする方法

サポート

Moin 2024 年 7 月 17 日午後 8:10 9

ボタンをカスタマイズする他のコンポーネントを追加しましたか？

例えば角丸画像枠のようなものです

トピック		返信	表示
Buttons rounded edges Support	2	1490	2018 年 10 月 15 日
Discourse Button Styles Theme component	40	10806	2025 年 9 月 18 日
Plugin or template for discourse theme component Development	2	401	2023 年 3 月 19 日
Square profile thumbnails Support	6	91	2024 年 7 月 17 日
I want to change background color of my Sign Up and Login Button Feature	5	1704	2020 年 4 月 8 日

フォーラムボタンを全テーマで角丸にする方法

関連トピック