Добрый день!
Прошу помочь, все пункты выделены на фото:
1) Как сделать шрифт и иконки меню в шапке темнее?
2) Как убрать полоску с меню над слайдером и оставить только слайдер?
3 и 4) Как поменять их местами?
5) Как удалить поиск по магазину(на всякий случай)))?
6) Как сделать каталог товаров под слайдером, аналогично примеру?
Заранее спасибо!
0
Вопрос По Изменению Дизайна И Структуры Шаблона. Help!
Автор sscreamerr, 08 сент. 2015 12:49
дизайнб лазурь
В теме одно сообщение
#1
Отправлено 08 Сентябрь 2015 - 12:49
#2
Отправлено 08 Сентябрь 2015 - 16:38
sscreamerr (08 Сентябрь 2015 - 12:49) писал:
Добрый день!
Прошу помочь, все пункты выделены на фото:
1) Как сделать шрифт и иконки меню в шапке темнее?
2) Как убрать полоску с меню над слайдером и оставить только слайдер?
3 и 4) Как поменять их местами?
5) Как удалить поиск по магазину(на всякий случай)))?
6) Как сделать каталог товаров под слайдером, аналогично примеру?
Заранее спасибо!
Безымянный.jpg Безымянный2.jpg
Прошу помочь, все пункты выделены на фото:
1) Как сделать шрифт и иконки меню в шапке темнее?
2) Как убрать полоску с меню над слайдером и оставить только слайдер?
3 и 4) Как поменять их местами?
5) Как удалить поиск по магазину(на всякий случай)))?
6) Как сделать каталог товаров под слайдером, аналогично примеру?
Заранее спасибо!
Безымянный.jpg Безымянный2.jpg
Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#header-top .topheader-left ul.contact-us-now li label {float: left;line-height: 36px;margin: 0 5px 0 0;color: #909090;}
Замените на:
#header-top .topheader-left ul.contact-us-now li label {float: left;line-height: 36px;margin: 0 5px 0 0;color: #555;}
В конце шаблона main.css добавьте код:
#header-top .topheader-left ul li a {color: #555;}
Значки телефона и почты заданы с использованием одного изображения с иконками с названием ico-contactusnow.png. Вы можете либо изменить цвет этих иконок в графическом редакторе, скачав этот файл, отредактировав и загрузив заново или вставить другие иконки. Для второго варианта Вам нужно будет найти и загрузить 2 иконки (конверт и трубка) с размерами 36x36px через кнопку "Добавить файлы" в редакторе шаблонов, затем в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найти код:
#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 92%;} #header-top .topheader-left ul.contact-us-now li:first-child {margin-left: 0px;} #header-top .topheader-left ul.contact-us-now li.c-phone {background-position: left -36px;padding-left: 26px;}
Замените на:
#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;/* background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px; */font-size: 92%;} #header-top .topheader-left ul.contact-us-now li:first-child {margin-left: 0px;background: url("{ASSETS_IMAGES_PATH}название иконки почты ") no-repeat;} #header-top .topheader-left ul.contact-us-now li.c-phone {/* background-position: left -36px; */padding-left: 26px;background: url("{ASSETS_IMAGES_PATH}название иконки с телефоном ") no-repeat;}
Где измените названия картинок в зависимости от названия загруженных файлов.
2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#header {position: relative;padding: 32px 0 30px;}
Замените на:
#header {position: relative;padding: 32px 0 110px;}
Найдите код:
#menu {position: relative;margin: 0 0;max-height: 80px;}
Замените на:
#menu {position: relative;margin: 0 0;max-height: 80px; display:none;}
5. Чтобы скрыть поиск:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#header .header-right .header-right-inner #search_mini_form, #menu .nav-right .block-search #search_mini_form2 {margin: 0 0 0 20px;float: left;line-height: normal;position: relative;}
Замените на:
#header .header-right .header-right-inner #search_mini_form, #menu .nav-right .block-search #search_mini_form2 {margin: 0 0 0 20px;float: left;line-height: normal;position: relative;display: none;}
Темы с аналогичным тегами дизайнб, лазурь
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных