big Margin In Twenty-Twenty Theme (TT)：如何自定义这个？

Question

我在主题 20 中设置了带有古腾堡块的 WordPress 站点：我是根据 Mike Haydons 手册完成的，请参阅：https://www.intelliwolf.com/how-to-make-a-four-column-layout-in-gutenberg/“如何在古腾堡中制作多列布局”

迈克说：

要在 WordPress Gutenberg 编辑器中创建 x 列布局，请选择 x 列布局，首先选择“列”块。假设 你想要四个相等的列，选择三个相等的列变体。 这是 66 / 33 的那个。

问题：如何设置列的宽度！？我应该通过外观/简单的 Css 来做到这一点吗？！我的一些朋友告诉我，这是可能的：查看具有两列布局的图像：66,6 / 33,3 %

列设置相当糟糕 - 请参阅网站：https://www.job-starter.com - 这是真正的 beta-beta。

让我好奇的是；为什么我有

a. such a big border 
b. see the margin that i have here 
c. note that i have added a wp-job-manager-plugin with some demo job-listings

所有看起来都很糟糕，我想知道如何获得更好的布局。所有元素都以非常高的等级居中 - 没有任何安排 - 我有一个很棒的大边距

如何在主题二十（TT）中解决这个问题

所有看起来都很糟糕，我想知道如何获得更好的布局。所有元素都以非常高的等级居中 - 没有任何安排 - 我有一个很棒的大边距

Answer 1

我没有看到您所说的边框，但我可以解释一下奇怪的宽度。 首先，它实际上不是一个边距，而是一个有限的宽度。 查看页面的元素，我们可以注意到它们具有这种样式：

.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: 58rem;
  width: calc(100% - 4rem);
}

并且搜索主题的源码，可以发现这个样式是硬编码的。

我可以向您推荐几个解决方案：

1. 将页面模板更改为具有足够的容器宽度（较宽的称为全宽模板，请查看截图

2. 用你自己的尺寸覆盖样式（但请记住，这里的选择器太重了，就像上面的 CSS sn-p 一样。你可以尝试使用相同的 sn-p 不同的尺寸来满足你的期望。

3. 您可以使用child theme 创建自己的模板