Visual Composer (WP面包房)：宽度小于视区的拉伸图像

Question

使用Visual Composer(现在的WP Bakery)，我有一个1200px宽的横幅图像。视口的最大宽度为1900px。我正在尝试设置一个具有单个Image元素的Row，它将把图像拉伸到1900px的全部宽度，并保持相同的高度尺寸。

对于我的行，我选择了“拉伸行和内容(无填充)”。但是，1200px宽的单个图像元素与视口的左侧对齐，因此当显示器宽度为1900px时，从图像的右侧到视口的右边界有700px的空白空间。图像没有拉伸。

关于如何拉伸图像并保持高度，有什么想法吗？或者我真的需要创建一个1900px宽的图像？

Answer 1

我在尝试解决同样的问题时遇到了这个答案。我为该行提供了fullWidthImageRow的css类，并在theme.css中添加了以下内容

div.fullWidthImageRow > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_single_image > figure {
    width: 100% !important;
}
div.fullWidthImageRow > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_single_image > figure > div {
    width: 100% !important;
}
div.fullWidthImageRow > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_single_image > figure > div > img {
    width: 100% !important;
}

适用于当前版本的WPBakery