Здравствуйте, помогите пожалуйста настроить тему.
Сайт - http://d686692.storeland.ru
Аккаунт SL-481601 81601 S L-481601
1. Удалил все слайды, кроме одной, осталась анимация АВТОМАТИЧЕСКОГО ЛИСТАНИЯ слайдов. Помогите пожалуйста убрать данную анимацию
2. Подвинуть левее ЗАГОЛОВОК слайда. Сделать чтобы заливка заголовка не пересекалась с концом слайда
https://vk.com/photo...21857_457239107
https://vk.com/photo...21857_457239107
3. Подвинуть все эти столбики в один ряд
4. Скрыть в мобильной версии ссылки в шапке сайта "Каталог товаров. Адреса магазинов"
5. Поменять цвет ссылки в шапке сайта "Каталог товаров"
0
Помоги Пожалуйста Закончить Настройку Шаблона
Автор s.vertebra, 11 авг. 2019 22:33
Сообщений в теме: 3
#1
Отправлено 11 Август 2019 - 22:33
#2
Отправлено 12 Август 2019 - 09:53
s.vertebra (11 Август 2019 - 22:33) писал:
Здравствуйте, помогите пожалуйста настроить тему.
Сайт - http://d686692.storeland.ru
Аккаунт SL-481601 81601 S L-481601
1. Удалил все слайды, кроме одной, осталась анимация АВТОМАТИЧЕСКОГО ЛИСТАНИЯ слайдов. Помогите пожалуйста убрать данную анимацию
2. Подвинуть левее ЗАГОЛОВОК слайда. Сделать чтобы заливка заголовка не пересекалась с концом слайда
https://vk.com/photo...21857_457239107
https://vk.com/photo...21857_457239107
3. Подвинуть все эти столбики в один ряд
4. Скрыть в мобильной версии ссылки в шапке сайта "Каталог товаров. Адреса магазинов"
5. Поменять цвет ссылки в шапке сайта "Каталог товаров"
Сайт - http://d686692.storeland.ru
Аккаунт SL-481601 81601 S L-481601
1. Удалил все слайды, кроме одной, осталась анимация АВТОМАТИЧЕСКОГО ЛИСТАНИЯ слайдов. Помогите пожалуйста убрать данную анимацию
2. Подвинуть левее ЗАГОЛОВОК слайда. Сделать чтобы заливка заголовка не пересекалась с концом слайда
https://vk.com/photo...21857_457239107
https://vk.com/photo...21857_457239107
3. Подвинуть все эти столбики в один ряд
4. Скрыть в мобильной версии ссылки в шапке сайта "Каталог товаров. Адреса магазинов"
5. Поменять цвет ссылки в шапке сайта "Каталог товаров"
Здравствуйте. Зайдите в Редактор шаблонов --- main.js и найдите данный код:
// Слайдер на главной var owlS = $('#slideshow .owl-carousel'); owlS.owlCarousel({ items: 1, loop: true, rewind: true, lazyLoad: false, nav: false, dots: true, autoplay: true, autoplayHoverPause: true, smartSpeed: 500, dotsSpeed: 400, mouseDrag: true, touchDrag: true, pullDrag: true });
Замените его на:
// Слайдер на главной var owlS = $('#slideshow .owl-carousel'); owlS.owlCarousel({ items: 1, loop: true, rewind: true, lazyLoad: false, nav: false, dots: true, autoplay: false, autoplayHoverPause: true, smartSpeed: 500, dotsSpeed: 400, mouseDrag: true, touchDrag: true, pullDrag: true });
Найдите в Редакторе шаблонов --- main.css данный код:
#promo .items {margin-top: 30px;width: 50%;} #promo .items .item {width: 50%;margin-bottom: 30px;} #promo .items .item .title {display: inline-block;width: calc(100% - 120px);font-size: 18px;font-weight: bold;vertical-align: middle;}
И замените его на:
#promo .items {margin-top: 30px;width: 100%;} #promo .items .item {width: 25%;margin-bottom: 30px;} #promo .items .item .title {display: inline-block;width: calc(100% - 120px);font-size: 18px;font-weight: bold;vertical-align: middle;}
Найдите этот код:
/*** Слайдшоу ***/ #slideshow {position: relative;margin-top: -50px;} #slideshow .container {position: relative;} #slideshow .item .image {max-height: 600px;overflow: hidden;} #slideshow .content {position: absolute;top: 28%;right: 10%;width: 40%;margin: 0 0 0 auto;}
Замените его на:
/*** Слайдшоу ***/ #slideshow {position: relative;margin-top: -50px;} #slideshow .container {position: relative;} #slideshow .item .image {max-height: 600px;overflow: hidden;} #slideshow .content {position: absolute;top: 28%;right: 30%;width: 40%;margin: 0 0 0 auto;}
Найдите данный код:
@media all and (max-width: 481px) { .col-smb-12 {width: 100%;} .col-contact {margin-bottom: 20px;}
И сразу после добавьте данный код:
.catalog_but, .map_but {display: none !important;}
#3
Отправлено 13 Август 2019 - 03:45
1. Анимация на слайд шоу осталась
2. Заголовок на слайде остался на месте, заливка все также пересекается.
3. Столбы с преимуществами наезжают на друг друга при увеличении или уменьшении размера браузера. Нужно чтобы они были адаптивными под все размеры.
4. Как поменять цвет ссылки непонятно(
Помоги пожалуйста закрыть все вопросы
Спасибо
2. Заголовок на слайде остался на месте, заливка все также пересекается.
3. Столбы с преимуществами наезжают на друг друга при увеличении или уменьшении размера браузера. Нужно чтобы они были адаптивными под все размеры.
4. Как поменять цвет ссылки непонятно(
Помоги пожалуйста закрыть все вопросы
Спасибо
#4
Отправлено 13 Август 2019 - 08:26
s.vertebra (13 Август 2019 - 03:45) писал:
1. Анимация на слайд шоу осталась
2. Заголовок на слайде остался на месте, заливка все также пересекается.
3. Столбы с преимуществами наезжают на друг друга при увеличении или уменьшении размера браузера. Нужно чтобы они были адаптивными под все размеры.
4. Как поменять цвет ссылки непонятно(
Помоги пожалуйста закрыть все вопросы
Спасибо
2. Заголовок на слайде остался на месте, заливка все также пересекается.
3. Столбы с преимуществами наезжают на друг друга при увеличении или уменьшении размера браузера. Нужно чтобы они были адаптивными под все размеры.
4. Как поменять цвет ссылки непонятно(
Помоги пожалуйста закрыть все вопросы
Спасибо
Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:
#promo .items {width: 55%;}
И удалите его.
Найдите данный код:
#promo .items .item .title {font-size: 14px;width: calc(100% - 70px);}
Замените его на:
#promo .items .item .title {font-size: 12px;width: calc(100% - 70px);}
И добавьте в самый конец шаблона код:
.catalog_but a {color: #00ace8;}
Найдите в нем color: #00ace8; и замените 00ace8 на Ваш код цвета(шестизначный).
Найдите данный код:
#slideshow .content {width: 50%;top: 32;bottom: 70px;right: 0;}
Замените его на:
#slideshow .content {width: 50%;top: 32;bottom: 70px;right: 25%;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных