Баннеры На Главной
#1
Отправлено 15 Ноябрь 2019 - 23:05
Здравствуйте!
1)Нужно сделать крайние банеры на главной одинаковыми по размеру, исходя из того, что ширина центральных баннеров останется той же.
2)Подравнять все баннеры по высоте, а то они в разнобой слегка
Прилагаю скрин
#2
Отправлено 16 Ноябрь 2019 - 03:19
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#banners .banner-image .content {text-align: center;padding: 300px 0;} #banners .banner-image .content.small {padding: 150px 0;}
замените на:
#banners .banner-image .content {text-align: center;padding: 300px 0;} #banners .banner-right .banner-image .content {padding: 270px 0;} #banners .banner-image .content.small {padding: 170px 0;}
#3
Отправлено 16 Ноябрь 2019 - 12:25
Vaccina (16 Ноябрь 2019 - 03:19) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#banners .banner-image .content {text-align: center;padding: 300px 0;} #banners .banner-image .content.small {padding: 150px 0;}
замените на:
#banners .banner-image .content {text-align: center;padding: 300px 0;} #banners .banner-right .banner-image .content {padding: 270px 0;} #banners .banner-image .content.small {padding: 170px 0;}
В скрине я накидал как хотелось бы. Но блок 3 может быть выше чем блок 4( собственно так, как и сейчас)
#4
Отправлено 18 Ноябрь 2019 - 11:48
r373760 (16 Ноябрь 2019 - 12:25) писал:
В скрине я накидал как хотелось бы. Но блок 3 может быть выше чем блок 4( собственно так, как и сейчас)
Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:
#banners .banner-left {float: left;width: 50%;padding-right: 5px;} #banners .banner-right {float: left;width: 50%;padding-left: 5px;}
Замените его на:
#banners .banner-left {float: left;width: 40%;padding-right: 5px;} #banners .banner-right {float: left;width: 60%;padding-left: 5px;}
#5
Отправлено 18 Ноябрь 2019 - 12:08
stasia (18 Ноябрь 2019 - 11:48) писал:
Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:
#banners .banner-left {float: left;width: 50%;padding-right: 5px;} #banners .banner-right {float: left;width: 50%;padding-left: 5px;}
Замените его на:
#banners .banner-left {float: left;width: 40%;padding-right: 5px;} #banners .banner-right {float: left;width: 60%;padding-left: 5px;}
#7
Отправлено 28 Ноябрь 2019 - 10:28
r373760 (20 Ноябрь 2019 - 23:13) писал:
Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:
#banners .banner-right {float: left;width: 60%;padding-left: 5px;}
Замените его на:
#banners .banner-right {float: left;width: 20%;padding-left: 5px;padding-right: 10px;}
В Редакторе шаблонов---HTML, найдите код:
<!-- Баннеры --> <div id="banners"> <div class="preloader"><span class="content-loading"></span></div> <div class="banner-left"> <div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner1.jpg?design=tourism);"> <div class="content big"> <h3>Электрокамины</h3> <h4>и порталы</h4> <a href="https://obogrev61.ru/catalog/elektrokaminy" class="button">Перейти</a> </div> </div> </div> <div class="banner-right"> <div class="banner-left"> <div class="banner-top"> <div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner2.jpg?design=tourism);background-position: center center;"> <div class="content small"> <h3>Обогреватели</h3> <a href="https://obogrev61.ru/catalog/obogrevateli" class="button">Перейти</a> </div> </div> </div> <div class="banner-bottom"> <div class="banner-image bg"> <div class="content small"> <h3>Акции</h3> <h4>и распродажи</h4> <a href="https://obogrev61.ru/discount" class="button">Перейти</a> </div> </div> </div> </div> <div class="banner-right"> <div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner3.jpg?design=tourism);"> <div class="content big"> <h3>Пленочный теплый пол</h3> <h4>под ламинат</h4> <a href="https://obogrev61.ru/catalog/infrakrasnyj-teplyj-pol" class="button">Перейти</a> </div> </div> </div> </div> </div> <!-- Хиты продаж -->Замените его на:
<!-- Баннеры --> <div id="banners"> <div class="preloader"><span class="content-loading"></span></div> <div class="banner-left"> <div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner1.jpg?design=tourism);"> <div class="content big"> <h3>Электрокамины</h3> <h4>и порталы</h4> <a href="https://obogrev61.ru/catalog/elektrokaminy" class="button">Перейти</a> </div> </div> </div> <div class="banner-right"> <div class="banner-top"> <div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner2.jpg?design=tourism);background-position: center center;"> <div class="content small"> <h3>Обогреватели</h3> <a href="https://obogrev61.ru/catalog/obogrevateli" class="button">Перейти</a> </div> </div> </div> <div class="banner-bottom"> <div class="banner-image bg"> <div class="content small"> <h3>Акции</h3> <h4>и распродажи</h4> <a href="https://obogrev61.ru/discount" class="button">Перейти</a> </div> </div> </div> </div> <div class="banner-left"> <div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner3.jpg?design=tourism);"> <div class="content big"> <h3>Пленочный теплый пол</h3> <h4>под ламинат</h4> <a href="https://obogrev61.ru/catalog/infrakrasnyj-teplyj-pol" class="button">Перейти</a> </div> </div> </div> </div> </div> <!-- Хиты продаж -->
#9
Отправлено 02 Декабрь 2019 - 11:51
#11
Отправлено 03 Декабрь 2019 - 09:52
r373760 (02 Декабрь 2019 - 13:18) писал:
Если Вы используете какое-то расширение в браузере и из-за него у Вас не показывается какая-то часть сайта - то тут мы помочь не можем, это уже вопросы к разработчику расширения. Без различных сторонних плагинов все отображается корректно
#12
Отправлено 03 Декабрь 2019 - 13:01
MikDark (03 Декабрь 2019 - 09:52) писал:
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных