Поместить гравитационную форму поверх изображения с текстом рядом с ним - PullRequest
Новая
       19

Поместить гравитационную форму поверх изображения с текстом рядом с ним

0 голосов
/ 05 июля 2018

Я использую WordPress, Я ввожу HTML с помощью WYSIWYG Я использую плагин Custom CSS, чтобы не заходить в таблицу стилей тем. Я использую Gravity Forms в качестве подключаемого модуля формы.

Я не знаю, где я ошибаюсь, если говорить правду, я либо получаю форму с фоновым изображением, либо фоновое изображение без формы.

В идеале я хотел бы иметь большое изображение, небольшой прямоугольник сверху изображения слева, содержащий форму с темным фоном, и немного текста справа.

1 Ответ

0 голосов
/ 05 июля 2018

это должно решить вашу проблему: замените шорткод формы на шорткод формы, URL в css на путь к изображению, которое вы хотите использовать, а в столбце 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>
...