如何在 wpbakery 行中对齐小部件中心？

Question

这已经吸引了我。我实际上想知道这是一个错误还是我的主题阻碍了视觉作曲家风格。我有一行具有行设置 - 拉伸行。到这里一切都很好。我无法完成的是将其中的小部件（例如文本块）居中对齐。小部件倾向于左对齐。更改行设置不会执行任何操作。它可以选择垂直对齐文本但不能水平对齐？基本上我希望我的行内容显示

text-align:center

。

Answer 1

我有时也会使用WPBakery来设计Wordpress网站，并且您没有直接进行水平对齐的设置。您必须使用自定义 CSS 代码来执行此操作。你有几个选择，但如果你问我，最好的选择是使用 Flexbox，这是一个相对较新的 CSS 方面。所以这是你应该做的事情。

1. 在要居中的列的“响应式选项”中，选择如下所示的内容：

   10 columns - 5/6

2. 选择行设置并在附加类名中写入类似以下内容

   center-content

3. 最后，在您设计的页面上，有一个部分可以编写仅页面CSS，找到它并编写以下代码：

.center-content {
    display: flex;
    justify-content: center;
}

我希望这能帮助处于同样情况的人。

Answer 2

尝试边距：自动。你能分享一个链接吗？

您可以执行此 CSS，或者 wpbakers 有一个可以在工具内调整填充和边距的地方。

https://wpexplorer-themes.com/total/docs/visual-composer-spacing/

Answer 3

将内行的左右边距设置为自动，对我有用。

Answer 4

我发现了这一点，在我的演示（革命主题）中，他们添加了“附加类名”这样的文本： 文本中心对齐中心

显然没有基本按钮可以做到这一点。你必须手动输入你的 css 类。对于这样的建筑商来说这很奇怪......