Как сделать изображение фоном на White Label

Чтобы сделать собственное изображение фоном в верхней части сайта (за формой поиска), перейдите в настройки White Label в личном кабинете и откройте вкладку Цветовая схема.

2018-07-16_13-24-04.png

Вставьте в блок со стилями такой код:

body .TPWL-template-wrapper .TPWL-template-header,
body div.TPWL-header-content {
background: rgba(0, 0, 0, 0);
}
body {
background-image: url(http://abegan.ru/img/background.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
}
.TPWL-widget--serp .filters_layout {
background-color: #fff !important;
border: 1px solid rgba(0, 0, 0, .12) !important;
border-radius: 4px !important;
padding: 10px !important;
}
.TPWL-widget .search_results-wrapper #tpwl-subscription {
margin-bottom: 20px!important;
}
.TPWL-widget .filters .only-button {
background: 0 0!important;
}
.TPWL-widget .filters_layout>main,
.TPWL-widget .slider_substrate::after {
width: 200px!important;
}
.TPWL-widget .filters .right-text {
background: none!important;
}

где в скобках после url нужно разместить ссылку на изображение, которое будет использоваться в качестве фона (в примере ссылка выглядит так http://abegan.ru/img/background.jpg).

Обратите внимание! Изображение должно быть доступно в сети интернет, а не находиться на вашем локальном компьютере.

Была ли эта статья полезной?

Еще есть вопросы? Отправить запрос