Помощь По Нескольким Вопросам
#1
Отправлено 26 Июль 2016 - 08:40
1. Как выровнять по ширине слайдер, блок каталога и хиты продаж, чтобы границы совпадали?
2. От слайдера падает тень. Как сделать так, чтобы от каталога и хитов продаж была такая же тень?
3. В блоке "хиты продаж" необходимо изменить цвет кнопки "добавить в корзину", а также к самой надписи "Хиты продаж" добавить какую-нибудь иконку (иконку сделаю сам, просто не совсем понимаю как правильно вставить рядом с текстом).
4. На сайте есть плавающее верхнее горизонтальное меню, которое появляется при пролистывании страницы вниз. Можно ли вместо текстовых надписей сделать надписи картинками? И возможно ли скрыть это меню для мобильных устройств, так как не совсем корректно оно там отображается?
5. Названия пунктов каталога на главной (те пункты которые под слайдером) нужно как-то выделить, желательно в рамочку.
Сайт http://avtokover25.ru/
Огромное спасибо!
#2
Отправлено 26 Июль 2016 - 11:42
romaizm (26 Июль 2016 - 08:40) писал:
1. Как выровнять по ширине слайдер, блок каталога и хиты продаж, чтобы границы совпадали?
1.jpg
2. От слайдера падает тень. Как сделать так, чтобы от каталога и хитов продаж была такая же тень?
3. В блоке "хиты продаж" необходимо изменить цвет кнопки "добавить в корзину", а также к самой надписи "Хиты продаж" добавить какую-нибудь иконку (иконку сделаю сам, просто не совсем понимаю как правильно вставить рядом с текстом).
2.jpg
4. На сайте есть плавающее верхнее горизонтальное меню, которое появляется при пролистывании страницы вниз. Можно ли вместо текстовых надписей сделать надписи картинками? И возможно ли скрыть это меню для мобильных устройств, так как не совсем корректно оно там отображается?
5. Названия пунктов каталога на главной (те пункты которые под слайдером) нужно как-то выделить, желательно в рамочку.
Сайт http://avtokover25.ru/
Огромное спасибо!
Здравствуйте.
1) В шаблоне nyvo.css Вам нужно найти код:
.nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; }
и заменить его на:
.nivoSlider {
position: relative;
width: 99%;
height: auto;
overflow: hidden;
}
2) В шаблон main.css добавьте код:
.row-fluid .span7 { -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; }
Далее в main.css Вам нужно найти:
.products-grid { position: relative; }
и заменить его на:
.products-grid { position: relative; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; padding: 0px 0px 0px 0px; }
5) В шаблоне main.css найдите код:
.content_catalog_nested_categories li { text-align: center; float: left; margin: 0.5em 1em; list-style-type: none; background: none !important; }
и замените его на:
.content_catalog_nested_categories li { text-align: center; float: left; margin: 0.5em 1em; list-style-type: none; border: 1px solid #000; background: none !important; }
#3
Отправлено 26 Июль 2016 - 13:33
И ещё, как можно изменить стиль надписей категорий каталога на главной? Ну то есть мне надо сделать так, чтобы категории "Коврики", "Аксессуары" и остальные выглядели иначе, без подчеркивания как сейчас.
Ну и по остальным вопросам жду помощи, особенно важно разобраться с надписью "Хиты продаж", рядом добавить иконку, и поменять цвет самого текста.
#4
Отправлено 26 Июль 2016 - 14:33
UPDATE: с отступами сверху и снизу разобрался
#5
Отправлено 27 Июль 2016 - 04:37
#6
Отправлено 28 Июль 2016 - 05:15
romaizm (26 Июль 2016 - 08:40) писал:
1. Как выровнять по ширине слайдер, блок каталога и хиты продаж, чтобы границы совпадали?
1.jpg
2. От слайдера падает тень. Как сделать так, чтобы от каталога и хитов продаж была такая же тень?
3. В блоке "хиты продаж" необходимо изменить цвет кнопки "добавить в корзину", а также к самой надписи "Хиты продаж" добавить какую-нибудь иконку (иконку сделаю сам, просто не совсем понимаю как правильно вставить рядом с текстом).
2.jpg
4. На сайте есть плавающее верхнее горизонтальное меню, которое появляется при пролистывании страницы вниз. Можно ли вместо текстовых надписей сделать надписи картинками? И возможно ли скрыть это меню для мобильных устройств, так как не совсем корректно оно там отображается?
5. Названия пунктов каталога на главной (те пункты которые под слайдером) нужно как-то выделить, желательно в рамочку.
Сайт http://avtokover25.ru/
Огромное спасибо!
#7
Отправлено 31 Июль 2016 - 14:06
#8
Отправлено 31 Июль 2016 - 17:19
romaizm (26 Июль 2016 - 14:33) писал:
Без названия.jpg
UPDATE: с отступами сверху и снизу разобрался
В конец main.css добавьте
a.nivo-prevNav, a.nivo-nextNav { display: none !important; } div#slider2:hover a.nivo-prevNav, div#slider2:hover a.nivo-nextNav { display: block !important; }3) В конец main.css добавьте код
input.btn.btn-success2 { background: #F00 !important; color: #F0F; }изменяйте цвета #F00 и #F0F на свои.
Что касается иконки, то Вам нужно загрузить ее в раздел Сайт - Редактор шаблонов и прислать нам ее название, чтобы мы подобрали для нее стили.
4) В шаблоне html найдите код
<!-- Структура скролмени --> <div class="scrollmenu"> <ul> <a href="http://avtokover25.ru/"><li>Каталог</li></a> <a href="http://avtokover25.ru/page/searchhelp"><li>Помощь</li></a> <a href="http://avtokover25.ru/page/location"><li>Местонахождение</li></a> <a href="http://avtokover25.ru/page/pay"><li>Оплата и доставка</li></a> <a href="http://avtokover25.ru/page/about"><li>О нас</li></a> <a href="https://www.instagram.com/avtokover25/?ref=badge"><li>Instagram</li></a> </ul> </div> <!-- Структура скролмени -->и замените на
<!-- Структура скролмени --> <div class="scrollmenu"> <ul> <li><a href="http://avtokover25.ru/"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li> <li><a href="http://avtokover25.ru/page/searchhelp"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li> <li><a href="http://avtokover25.ru/page/location"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li> <li><a href="http://avtokover25.ru/page/pay"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li> <li><a href="http://avtokover25.ru/page/about"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li> <li><a href="https://www.instagram.com/avtokover25/?ref=badge"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li> </ul> </div> <!-- Структура скролмени -->в коде замените текст "Название изображения" на соответствующие элементы, предварительно загрузив изображения в раздел Сайт - Редактор шаблонов.
Для того, чтобы скрыть меню в мобильной версии в конец main.css добавьте
@media (max-width: 480px) { div.scrollmenu { display:none !important; } }
#9
Отправлено 01 Август 2016 - 08:35
Danil (31 Июль 2016 - 17:19) писал:
В конец main.css добавьте
a.nivo-prevNav, a.nivo-nextNav { display: none !important; } div#slider2:hover a.nivo-prevNav, div#slider2:hover a.nivo-nextNav { display: block !important; }3) В конец main.css добавьте код
input.btn.btn-success2 { background: #F00 !important; color: #F0F; }изменяйте цвета #F00 и #F0F на свои.
Что касается иконки, то Вам нужно загрузить ее в раздел Сайт - Редактор шаблонов и прислать нам ее название, чтобы мы подобрали для нее стили.
4) В шаблоне html найдите код
<!-- Структура скролмени --> <div class="scrollmenu"> <ul> <a href="http://avtokover25.ru/"><li>Каталог</li></a> <a href="http://avtokover25.ru/page/searchhelp"><li>Помощь</li></a> <a href="http://avtokover25.ru/page/location"><li>Местонахождение</li></a> <a href="http://avtokover25.ru/page/pay"><li>Оплата и доставка</li></a> <a href="http://avtokover25.ru/page/about"><li>О нас</li></a> <a href="https://www.instagram.com/avtokover25/?ref=badge"><li>Instagram</li></a> </ul> </div> <!-- Структура скролмени -->и замените на
<!-- Структура скролмени --> <div class="scrollmenu"> <ul> <li><a href="http://avtokover25.ru/"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li> <li><a href="http://avtokover25.ru/page/searchhelp"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li> <li><a href="http://avtokover25.ru/page/location"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li> <li><a href="http://avtokover25.ru/page/pay"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li> <li><a href="http://avtokover25.ru/page/about"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li> <li><a href="https://www.instagram.com/avtokover25/?ref=badge"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li> </ul> </div> <!-- Структура скролмени -->в коде замените текст "Название изображения" на соответствующие элементы, предварительно загрузив изображения в раздел Сайт - Редактор шаблонов.
Для того, чтобы скрыть меню в мобильной версии в конец main.css добавьте
@media (max-width: 480px) { div.scrollmenu { display:none !important; } }
Спасибо большое, но с боковым слайдером не получилось, исчезают кнопки и в большом слайдере тоже, а тень вовсе не уходит.
#10
Отправлено 02 Август 2016 - 04:31
a.nivo-prevNav, a.nivo-nextNav { display: none !important; } div#slider2:hover a.nivo-prevNav, div#slider2:hover a.nivo-nextNav { display: block !important; }
замените на:
div#slider2 a.nivo-prevNav, div#slider2 a.nivo-nextNav { display: none !important; } div#slider2:hover a.nivo-prevNav, div#slider2:hover a.nivo-nextNav { display: block !important; }
#11
Отправлено 02 Август 2016 - 13:24
Vaccina (02 Август 2016 - 04:31) писал:
a.nivo-prevNav, a.nivo-nextNav { display: none !important; } div#slider2:hover a.nivo-prevNav, div#slider2:hover a.nivo-nextNav { display: block !important; }
замените на:
div#slider2 a.nivo-prevNav, div#slider2 a.nivo-nextNav { display: none !important; } div#slider2:hover a.nivo-prevNav, div#slider2:hover a.nivo-nextNav { display: block !important; }
Со стрелочками разобрался, а тень реально убрать от маленького слайдера?
#12
Отправлено 03 Август 2016 - 01:12
#slider2 { box-shadow: none !important; }
#13
Отправлено 08 Январь 2018 - 10:30
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных