Question

使用Visual Composer（现为WP Bakery），我的横幅图像宽1200像素。视口的最大宽度为1900像素。我尝试使用单个图像元素设置一个行，该图像将图像拉伸到完整的1900px宽度并保留相同的高度尺寸。

对于我的行，我有＆＃34;拉伸行和内容（没有填充）＆＃34;选择。但是，1200px宽的单个图像元素对齐到视口的左侧，因此当显示宽度为1900px时，从图像右侧到视口右边界有700px的空白区域。图像没有伸展。

有关如何拉伸图像和保持高度的任何想法？或者我是否需要实际创建一个1900像素宽的图像？

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上工作

Visual Composer（WP面包店）：拉伸图像的宽度小于视口

1 个答案: