Аккаунт SL-381850
Помогите пожалуйста изменить цветовое решение в десктопной и мобильной версии:
1. В шапке дескотопной версии:
- поле ввода поиска товара изменить на белый с серым бордюром, цвет штифта черный (скрин прилагаю)
2. В мобильной версии:
- также поле ввода поиска товара изменить на белый с серым бордюром, цвет шрифта черный.
- Поле пунктов меню заменить с черного на синий (как в десктопной версии), цвет шрифта белый (скрин прилагаю)
Спасибо!
0
Стили Поиска
Автор Ast, 22 мая 2016 09:11
Сообщений в теме: 5
#1
Отправлено 22 Май 2016 - 09:11
#2
Отправлено 22 Май 2016 - 10:59
Ast (22 Май 2016 - 09:11) писал:
Аккаунт SL-381850
Помогите пожалуйста изменить цветовое решение в десктопной и мобильной версии:
1. В шапке дескотопной версии:
- поле ввода поиска товара изменить на белый с серым бордюром, цвет штифта черный (скрин прилагаю)
2. В мобильной версии:
- также поле ввода поиска товара изменить на белый с серым бордюром, цвет шрифта черный.
- Поле пунктов меню заменить с черного на синий (как в десктопной версии), цвет шрифта белый (скрин прилагаю)
Спасибо!
Помогите пожалуйста изменить цветовое решение в десктопной и мобильной версии:
1. В шапке дескотопной версии:
- поле ввода поиска товара изменить на белый с серым бордюром, цвет штифта черный (скрин прилагаю)
2. В мобильной версии:
- также поле ввода поиска товара изменить на белый с серым бордюром, цвет шрифта черный.
- Поле пунктов меню заменить с черного на синий (как в десктопной версии), цвет шрифта белый (скрин прилагаю)
Спасибо!
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
#header input[type="text"], #header select {border: none;padding: 0;outline: none !important;font: 12px/20px Calibri;color: #868686;margin: 0;width: 200px;max-width: 100%;display: block;margin-bottom: 20px;background: #2F2F2F;}
Замените на:
#header input[type="text"], #header select {border: 1px solid #868686;padding: 0;outline: none !important;font: 12px/20px Calibri;color: #000;margin: 0;width: 200px;max-width: 100%;display: block;margin-bottom: 20px;background: #fff;}
Найдите код:
.nav-container .nav_block_head_field{width:250px;padding-left:10px;padding-right: 10px;background-color: #000000;float:left;height:36px;color: #868686;outline: none;text-decoration: none;line-height:36px;cursor:pointer} .nav-container .menu_block_head_button{background: url('http://s35510.storeland.net/select-icons1.png?design=movement') 10px 15px no-repeat #000;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer}
Замените на:
.nav-container .nav_block_head_field{width:250px;padding-left:10px;padding-right: 10px;background-color: #4d67ac;float:left;height:36px;color: #fff;outline: none;text-decoration: none;line-height:36px;cursor:pointer;} .nav-container .menu_block_head_button{background: url('{ASSETS_IMAGES_PATH}select-icons1.png?design=movement') 10px 15px no-repeat;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer;background-color: rgba(77,103,172,0.6);}
Абсолютно точно, как указано у Вас со стрелкой меню не получится, поскольку она является картинкой и при заливке полностью синим цветом ее не будет видно.
#3
Отправлено 22 Май 2016 - 12:46
Firefly (22 Май 2016 - 10:59) писал:
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
Замените на:
Найдите код:
Замените на:
Абсолютно точно, как указано у Вас со стрелкой меню не получится, поскольку она является картинкой и при заливке полностью синим цветом ее не будет видно.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
#header input[type="text"], #header select {border: none;padding: 0;outline: none !important;font: 12px/20px Calibri;color: #868686;margin: 0;width: 200px;max-width: 100%;display: block;margin-bottom: 20px;background: #2F2F2F;}
Замените на:
#header input[type="text"], #header select {border: 1px solid #868686;padding: 0;outline: none !important;font: 12px/20px Calibri;color: #000;margin: 0;width: 200px;max-width: 100%;display: block;margin-bottom: 20px;background: #fff;}
Найдите код:
.nav-container .nav_block_head_field{width:250px;padding-left:10px;padding-right: 10px;background-color: #000000;float:left;height:36px;color: #868686;outline: none;text-decoration: none;line-height:36px;cursor:pointer} .nav-container .menu_block_head_button{background: url('http://s35510.storeland.net/select-icons1.png?design=movement') 10px 15px no-repeat #000;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer}
Замените на:
.nav-container .nav_block_head_field{width:250px;padding-left:10px;padding-right: 10px;background-color: #4d67ac;float:left;height:36px;color: #fff;outline: none;text-decoration: none;line-height:36px;cursor:pointer;} .nav-container .menu_block_head_button{background: url('{ASSETS_IMAGES_PATH}select-icons1.png?design=movement') 10px 15px no-repeat;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer;background-color: rgba(77,103,172,0.6);}
Абсолютно точно, как указано у Вас со стрелкой меню не получится, поскольку она является картинкой и при заливке полностью синим цветом ее не будет видно.
Тестировал на iphone 4s в вертикальном положении выпадающее меню показывается с черным фоном (должен быть синим). При повороте телефона в горизонтальное положение, фон выпадающего меню становится синим, но кнопка со стрелкой - черная. Видимо нужно еще поменять стиль с другой шириной экрана?
Еще заметил проблему что в мобильной версии не раскрывается выпадающее меню на внутренних страницах.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных