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

时间:2018-10-04 20:25:23

标签: css wordpress wordpress-theming visual-composer

这吸引了我。我实际上想知道这是错误还是我的主题妨碍了视觉作曲家的风格。我得到了具有行设置的行-拉伸行。直到这里一切都很好。我无法完成的是在其中将小部件(例如文本块)居中对齐。小部件倾向于向左对齐。更改行设置没有任何作用。它可以选择垂直对齐文本,但不能水平对齐吗?基本上,我希望行的内容显示为text-align:center

3 个答案:

答案 0 :(得分:0)

尝试边距:自动。可以分享链接吗?

您可以执行此CSS,或者wpbakers可以在其中调整工具内的填充和边距。

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

答案 1 :(得分:0)

我发现了这一点,在他们的演示(革命主题)上,他们在“附加类名”中加上了以下文字: 文字中心align-center

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

答案 2 :(得分:0)

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

  1. 在要居中的列的响应式选项中,选择如下内容:10 columns - 5/6
  2. 选择行设置并在其他类名中写下类似这样的内容 center-content
  3. 最后,在您设计的页面上有一个部分,您可以编写仅页面 CSS 找到它并编写以下代码:
.center-content {
    display: flex;
    justify-content: center;
}

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