如何让所有主题中的论坛按钮变圆

晚上好,

我正在尝试让我的论坛上的所有按钮都变成圆角方形。我在 CSS/HTML 中使用了以下 CSS:

.btn { border-radius: 5px; }

这在预览选项卡中有效,但在将组件包含在这些主题中后,在实时论坛中却无效。

论坛当前状态:

使用 CSS 后:

在 Meta 上,使用 Fully 主题时,按钮是圆角的。但是,在我的论坛上使用此主题时,它们却不是。

3 个赞

试试这个 Theme component

这个将为引用、图片等添加圆角选项

6 个赞

我的天哪!我总是告诉用户在创建主题前先使用搜索功能!

现在我犯了同样的错误!我当时在搜索“圆角按钮”。比实际需要搜索的更复杂。我本应该只搜索“按钮”。

2 个赞

我使用了这个搜索词。

"#theme-component Round"
1 个赞

您也可以这样做:

:root {
  --d-button-border-radius: 5px
}

或者

:root {
  --d-border-radius: 5px; 
}

如果您真的想让所有地方都有圆角。

3 个赞

嗯……再次,两者似乎都只在预览模式下工作,即使在刷新论坛并登录和退出之后。

触目惊心的开放性伤口……我的盐在哪里

第五下:

抱歉哥们,我就是忍不住诱惑 :rofl:

1 个赞

安装组件后,您需要将其添加到主题中才能应用,然后需要刷新页面。

之后,无论是否登录都应该可见。

预览仅用于在没有激活任何主题的情况下进行测试。

1 个赞

您是否添加了任何其他自定义按钮的组件?

比如 圆角图片边框

1 个赞

抱歉,我正在用 CSS 回复 @awesomerobot 的帖子。

1 个赞

创建自定义组件也是如此。保存后,您需要将其添加到主题中。

已完成此操作。

我正在查看 Moin 的回复,但没有发现任何可能与自定义组件冲突的内容。我将深入研究“Discourse 按钮样式”。我之前也用过这个,说实话,里面有很多空白框,我的注意力缺陷多动障碍大脑无法应对,哈哈!如果可以的话,简单的 CSS 对我来说就足够了。

是的,我确实有这个。所以这与自定义组件冲突吗?

那么我将不得不手动创建我想要的/正在查看的按钮、头像和图像的 CSS。

有一个设置“启用按钮设置”,所以很可能。

1 个赞

我需要确保在移动到另一个组件之前检查所有选项。

“按钮边角强度”和“类别样式框边角强度”均设置为 0px。

抱歉浪费了您的时间!但这是良好的团队合作!

1 个赞

这很好。我认为我的组件目前涵盖了大多数按钮,但我不知道这种方法,谢谢。

2 个赞

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.