Css 将重力表单放置在图像顶部，旁边有文本

我在用wordpress， 我用所见即所得输入HTML 我使用自定义CSS插件，以避免进入主题样式表。 我使用重力表单作为表单插件

我不知道我错在哪里如果说实话，我要么得到有背景图像的表单，要么得到没有表单的背景图像

---

理想情况下，我希望有一个大的图像，在左侧图像的顶部有一个小框，其中包含具有深色背景的表单，在右侧有一些文本

这应该可以解决您的问题：将表单短代码替换为表单短代码，css中的url是您要使用的图像的路径，第2列是一些文本。。使用要添加的文本。希望能有帮助

/*=================place this in the css stylesheet========*/
    .row .column {
        box-sizing: border-box;}
    .row{
background-image: url(http://gowash.ancorathemes.com/wp-content/uploads/2016/07/slide1.jpg);
background-size: cover;
      }

/* Create two equal columns that floats next to each other */
    .column {
        float: left;
        width: 50%;
        padding: 10px;
        height: 300px; 
    }

    /* Clear floats after the columns */
    .row:after {
        content: "";
        display: table;
        clear: both; 
    }



/*=place this in the page where you want to add the form=*/  

    <div class="row">
      <div class="column">
        <h2>Form shortcode</h2>

      </div>
      <div class="column">
        <h2>Column 2</h2>
        <p>Some text..</p>
      </div>
    </div>

/*=========================将其放入css样式表中========*/
.行.列{
框大小：边框框；}
.行{
背景图片：url(http://gowash.ancorathemes.com/wp-content/uploads/2016/07/slide1.jpg);
背景尺寸：封面；
}
/*创建两个相邻浮动的相等列*/
.栏目{
浮动：左；
宽度：50%；
填充：10px；
高度：300px；
}
/*清除列后的浮动*/
.罗：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
/*=将其放入要添加表单的页面=*/
表单短码
第2栏
一些文字

BASIC是另一种语言，因此可能不应该添加该标记。您可以包含一些代码吗？任何html、css、php和/或javascript。我删除了基本标记，等待同行审查。我平均每天删除一个基本标签。令人惊讶的是，有多少人不知道“基本”是什么意思。对此表示抱歉，以供将来参考。这正是我想要的。非常感谢你！