Question

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

如果说出真相，我不知道我要去哪里，我是在获取带有背景图像的表单，还是获取没有表单的背景图像。

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

Answer 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>

将重力形式放置在图像上方，并在其旁边放置文本

1 个答案: