视觉合成器(WP 面包店)：宽度小于视口的拉伸图像

Question

带有Visual Composer(现在是WP面包店(，我的横幅图像宽1200px。视口的最大宽度为1900px。我正在尝试设置一个带有单个图像元素的行，该元素将将图像扩展到完整的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

Answer 2

对于最新版本，我已经使用过：

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