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

【问题标题】：How to align a widget center in a wpbakery row?如何在 wpbakery 行中对齐小部件中心？
【发布时间】：2019-03-10 07:31:22
【问题描述】：

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

【问题讨论】：

WPbakery 是一个付费插件，因此请确保您拥有许可证并且可以联系支持人员，我认为这是最好的做法。
我将此插件捆绑在客户购买的主题中。我没有太多设计经验。这不是很基本的事情吗？让内容构建器提供将内容左/右/居中对齐的选项？更有趣的是，我在网上找不到与此问题类似的任何内容，这意味着我是唯一做错的人。
好吧，如果你使用一行一列，那么一个简单的 text-align:center 应用于你的文本就可以了
是的，我交付的项目只是这样做......它按我的意愿工作，但我想知道为什么 wpbakery 不能为我做这个......
因为使用文本编辑器选项很容易对齐文本，可能我们不需要额外的选项

标签： css wordpress wordpress-theming visual-composer

【解决方案1】：

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

在要居中的列的响应选项中选择如下内容：10 columns - 5/6
选择行设置并在附加的类名中写下类似center-content
最后，在您设计的页面上有一个部分，您可以编写仅页面 CSS 找到它并编写以下代码：

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

我希望这会对处于相同情况的人有所帮助。

【讨论】：

【解决方案2】：

我发现了这个，在我的他们（革命主题）的演示中，他们把“附加类名”放在了这个文本上：文本中心对齐中心

显然没有允许这样做的基本按钮。您必须手动输入您的 css 类。对于这样的建筑商来说，这很奇怪......

【讨论】：

我猜在英语中这是“额外的类名”而不是“额外的类名”，我有法语的 wordpress，所以我不确定确切的术语。

【解决方案3】：

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

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

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

【讨论】：

是的..我现在使用类似的技术即兴创作。向行添加了一个自定义类并添加了文本对齐中心。它正在按我的意愿工作，但我想知道为什么 wpbakery 不能为我做到这一点..谢谢你的回答