晚上好,
我正在尝试让我的论坛上的所有按钮都变成圆角方形。我在 CSS/HTML 中使用了以下 CSS:
.btn { border-radius: 5px; }
这在预览选项卡中有效,但在将组件包含在这些主题中后,在实时论坛中却无效。
论坛当前状态:
使用 CSS 后:
在 Meta 上,使用 Fully 主题时,按钮是圆角的。但是,在我的论坛上使用此主题时,它们却不是。
晚上好,
我正在尝试让我的论坛上的所有按钮都变成圆角方形。我在 CSS/HTML 中使用了以下 CSS:
.btn { border-radius: 5px; }
这在预览选项卡中有效,但在将组件包含在这些主题中后,在实时论坛中却无效。
论坛当前状态:
使用 CSS 后:
在 Meta 上,使用 Fully 主题时,按钮是圆角的。但是,在我的论坛上使用此主题时,它们却不是。
试试这个 Theme component
这个将为引用、图片等添加圆角选项
我的天哪!我总是告诉用户在创建主题前先使用搜索功能!
现在我犯了同样的错误!我当时在搜索“圆角按钮”。比实际需要搜索的更复杂。我本应该只搜索“按钮”。
我使用了这个搜索词。
"#theme-component Round"
您也可以这样做:
:root {
--d-button-border-radius: 5px
}
或者
:root {
--d-border-radius: 5px;
}
如果您真的想让所有地方都有圆角。
嗯……再次,两者似乎都只在预览模式下工作,即使在刷新论坛并登录和退出之后。
安装组件后,您需要将其添加到主题中才能应用,然后需要刷新页面。
之后,无论是否登录都应该可见。
预览仅用于在没有激活任何主题的情况下进行测试。
您是否添加了任何其他自定义按钮的组件?
比如 圆角图片边框
抱歉,我正在用 CSS 回复 @awesomerobot 的帖子。
创建自定义组件也是如此。保存后,您需要将其添加到主题中。
已完成此操作。
我正在查看 Moin 的回复,但没有发现任何可能与自定义组件冲突的内容。我将深入研究“Discourse 按钮样式”。我之前也用过这个,说实话,里面有很多空白框,我的注意力缺陷多动障碍大脑无法应对,哈哈!如果可以的话,简单的 CSS 对我来说就足够了。
是的,我确实有这个。所以这与自定义组件冲突吗?
那么我将不得不手动创建我想要的/正在查看的按钮、头像和图像的 CSS。
有一个设置“启用按钮设置”,所以很可能。
我需要确保在移动到另一个组件之前检查所有选项。
“按钮边角强度”和“类别样式框边角强度”均设置为 0px。
抱歉浪费了您的时间!但这是良好的团队合作!
这很好。我认为我的组件目前涵盖了大多数按钮,但我不知道这种方法,谢谢。
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.