Elementor Различные цвета фона - PullRequest
Новая
       12

Elementor Различные цвета фона

0 голосов
/ 08 июня 2018

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

Все, что я хочу, это иметь белый фон слева от столбца № 1 исерый фон справа от столбца № 2.

Но я не могу найти нужный атрибут в параметрах столбца (и я не уверен, есть ли они.

IЯ приложил руку к тому, что я хочу сделать.

Спасибо, ребята, вы лучшие. enter image description here

Ответы [ 2 ]

0 голосов
/ 08 июня 2018

Выполните следующие действия:

  1. Установите фон раздела как градиент.
  2. Выберите белый в качестве первого цвета
  3. Выберите серый в качестве второго цвета
  4. Установите тип градиента = Линейный
  5. Установите Ангел на 90
  6. Теперь отрегулируйте местоположение по своему вкусу (рекомендуется 15+)
  7. Нажмите на ссылку ниже, чтобы увидеть результат, который я получил.

Вы увидите что-то вроде этого

0 голосов
/ 08 июня 2018

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

body {
    background: #fff;
    }
    main {
    position: relative;
    height: 250px;
    }
    main::after {
    content: '';
    background: grey;
    position: absolute;
    width: 35%;
    height: 100%;
    right: 0;
    top: 0;
    }
    main .container {
    z-index: 1;
    position: relative;
    }
<body>
    <header>
    
    </header>
    <main>
      <div class="container">
        <div class="column1">
        
        </div>
        <div class="column2">
        
        </div>
      </div>
    </main>
    <footer>
    
    </footer>
</body>
...