将半径添加到 Gutenberg Columns 块的外边界

Question

CSS:

.ts-about-columns {
  border: 2px solid #ccc;
  box-sizing: border-box;
  padding:2mm;
  -moz-border-radius: 5 !important;
  -webkit-border-radius: 5 !important;
  border-radius: 5 !important;
}

HTML:

<div class="wp-block-columns ts-about-columns">
  <div class="wp-block-column">
    <h3>Newsletter</h3>
    <p>Please consider ...</p>
    <p>The newsletter is ...</p>
  </div>
  <div class="wp-block-column">
    <h3>Support Forum</h3>
    <p>Have you visited ...</p>
    <p>Feel free to ...</p>
  </div>
</div>

这是页面 (Wordpress)：

https://www.publictalksoftware.co.uk

为什么我不能以半径显示边框？

我正在使用 Gutenberg 块列，并且已正确设置额外的 class。

Answer 1

您需要指定单位，例如

border-radius: 5px !important;

将半径添加到 Gutenberg Columns 块的外边界

Adding radius to outer border of Gutenberg Columns block

css

wordpress

wordpress-gutenberg