WpBakery(Visual Composer)-自适应最佳实践

时间:2018-11-07 10:23:20

标签: css wordpress responsive visual-composer

我正在使用wpbakery wordpress插件。我在设计选项中添加了填充,并生成了CSS代码,如下所示:

True

我需要删除较小屏幕尺寸的填充物。 我的问题是,最佳做法是什么? 这样简单的媒体查询还是有更好的方法?

.vc_custom_1541499756394 {
padding-top: 30px !important;
padding-right: 250px !important;
padding-left: 250px !important;
}

1 个答案:

答案 0 :(得分:1)

一种更灵活的方法是删除已添加到VC元框的所有样式,并为其分配一个类,以这种方式推送所需的样式。这样做将使您可以特定于视口,并可以在整个网站中重复使用样式。

像这样设置您的设计选项:

enter image description here

并在此处指定样式:

enter image description here

然后将所需的样式添加到类中。

希望有帮助:)