在图像顶部放置重力形式，旁边有文字答案

【问题标题】：Placing a gravity form on top of an image, with text next to it在图像顶部放置重力形式，旁边有文字
【发布时间】：2018-12-14 03:36:57
【问题描述】：

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

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

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

【问题讨论】：

BASIC 是另一种语言，所以可能不应该添加那个标签。
你能包含一些代码吗？任何 html、css、php 和/或 javascript。
我删除了等待同行评审的 BASIC 标签。我平均每天删除一个 BASIC 标签。令人惊讶的是，有多少人不知道“基本”是什么意思。
对此深感抱歉，留作日后参考。

标签： css wordpress forms gravity

【解决方案1】：

这应该可以解决您的问题：将表单简码替换为表单简码，将 css 中的 url 替换为您要使用的图像的路径，将 Column2, Some text.. 替换为您要添加的文本。希望对您有所帮助。

/*=================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>

【讨论】：

这正是我想要的。非常感谢！