为什么在Divi主题中设置为全宽的行宽度为89％？

Question

在Divi中，当我创建一个简单的行并将该行设置为＆＃34;全宽＆＃34;时，它在CSS中的宽度实际上是89％：

.et_pb_row.et_pb_row_fullwidth, .et_pb_specialty_fullwidth>.et_pb_row {
    width: 89%!important;
    max-width: 89%!important;
}

为什么以及如何解决这个问题？注意：我的行包含两列。

Answer 1

行设置为max-width:89/90%与margin-left/right:auto结合使用，以维护内容两侧的装订线。

你想要使用全宽度部分＆amp;不是专业部分。如果需要，您可以向该部分添加自定义类。我发现最好在顶层添加类（在部分，而不是任何行或模块）。

如果需要，您可以解除模块短码，自行重写它们。然后删除/重新添加他们的短代码句柄。本文解释得很好：https://jonathanbossenger.com/building-your-own-divi-builder-modules/

发件人：Customizer >> General Setting >> Website Content Width您可以设置主要内容的最大宽度。

这应该可以解决问题，除非它被内联样式拦截。 .et_pb_column元素可能也会妨碍。

尝试将以下内容添加到自定义程序中的Additional-CSS部分。

.et_pb_row.et_pb_row_fullwidth {
    width: 100%!important;
    max-width: 100%!important;
}

Answer 2

它来自Divi Builder Settings。您可以轻松制作100% width。

只需打开要更改的页面，然后转到Edit page。单击Use The Divi Builder使用主题构建器：

点击选项按钮后（我在下图中将其标记为红色）：

您会看到popup有一些选项。查找Gutter Width并将其值设置为1：

点击Save按钮，然后点击Update页面（使用页面右侧的默认wordpress侧边栏）：

您可以查看您的信息页。您提供的css规则只会width: 100% Divi settings {/ 1}}。{/ p>

P.S。您应该对要拥有100% width的所有页面进行此更改。如果您希望所有网页默认都为100% width，那么您应该转到：Appreance -> Customize -> General Settings -> Layout Settings，将Website Gutter Width的值更改为1并附加更改（在侧边栏顶部点击{{1} }按钮）

Answer 3

您可以使用此当前css的代码

.et_pb_row.et_pb_row_fullwidth,
.et_pb_specialty_fullwidth .et_pb_row {
    width: 100%!important;
}