Здравствуйте, уважаемые Модераторы.
Подскажите как перенести телефон и поиск как указано на картинке.
Заранее благодарю!
0
Перенос Телефона И Поиска
Автор saniok0627, 13 июня 2017 16:12
Сообщений в теме: 6
#1
Отправлено 13 Июнь 2017 - 16:12
#2
Отправлено 13 Июнь 2017 - 16:27
saniok0627 (13 Июнь 2017 - 16:12) писал:
Здравствуйте, уважаемые Модераторы.
Подскажите как перенести телефон и поиск как указано на картинке.
Заранее благодарю!
Подскажите как перенести телефон и поиск как указано на картинке.
Заранее благодарю!
Здравствуйте.
В шаблоне HTML код:
<div class="phone-active col-sm-10 col-md-10">
Заменил на:
<div class="col-sm-10 col-md-5 phone-active ">
Код в main.css:
.phone-active, .search-active {bottom: 0;display: none;margin: 48px 0;overflow: hidden ;position: relative left: 0;right: 0;top: 0;z-index: 920;}
Заменил на:
.phone-active, .search-active {display: none;margin: 0;overflow: hidden;position: absolute !important;right: 0;top: 50px;z-index: 920;}
А так же код:
.phone-active, .search-active {left: 0;width: auto;}
Заменил на:
.phone-active, .search-active {width: auto;}
Проверьте результат, пожалуйста
#3
Отправлено 13 Июнь 2017 - 16:52
Firefly (13 Июнь 2017 - 16:27) писал:
Здравствуйте.
В шаблоне HTML код:
Заменил на:
Код в main.css:
Заменил на:
А так же код:
Заменил на:
Проверьте результат, пожалуйста
В шаблоне HTML код:
<div class="phone-active col-sm-10 col-md-10">
Заменил на:
<div class="col-sm-10 col-md-5 phone-active ">
Код в main.css:
.phone-active, .search-active {bottom: 0;display: none;margin: 48px 0;overflow: hidden ;position: relative left: 0;right: 0;top: 0;z-index: 920;}
Заменил на:
.phone-active, .search-active {display: none;margin: 0;overflow: hidden;position: absolute !important;right: 0;top: 50px;z-index: 920;}
А так же код:
.phone-active, .search-active {left: 0;width: auto;}
Заменил на:
.phone-active, .search-active {width: auto;}
Проверьте результат, пожалуйста
Здравствуйте.
Результат то есть ток теперь на всю страницу поиск и телефон а хотелось бы чтоб поле было как на картинках.
#4
Отправлено 13 Июнь 2017 - 17:33
Благодарю, все работает ) напишите ещё где можно изменить размер окна и размер шрифта?
#5
Отправлено 13 Июнь 2017 - 17:40
saniok0627 (13 Июнь 2017 - 16:52) писал:
Здравствуйте.
Результат то есть ток теперь на всю страницу поиск и телефон а хотелось бы чтоб поле было как на картинках.
Результат то есть ток теперь на всю страницу поиск и телефон а хотелось бы чтоб поле было как на картинках.
В шаблоне main.css удалил код:
.search-active.col-sm-10.col-md-10.open {background:#ccc;}
А так же код:
.phone-active .title {display: none;}
Код:
.phone-active, .search-active {left: 10px;padding: 0;right: 10px;}
Заменил на:
.phone-active, .search-active {padding: 0;right: 10px;}
Код:
.phone-active, .search-active {left: 0;width: auto;}
Заменил на:
.phone-active, .search-active {width: auto;}
Уточните, пожалуйста, о каком окне идет речь и где необходимо изменить размер шрифта.
#6
Отправлено 18 Июнь 2017 - 13:08
Окно телефона, уменьшить шрифт и как сделать так чтоб выводилась ещё два номера.
#7
Отправлено 21 Июнь 2017 - 10:12
saniok0627 (18 Июнь 2017 - 13:08) писал:
Окно телефона, уменьшить шрифт и как сделать так чтоб выводилась ещё два номера.
Чтобы уменьшить поиск замените в шаблоне HTML
<!-- Поиск при нажатии --> <div class="search-active col-sm-10 col-md-10">на
<!-- Поиск при нажатии --> <div class="search-active col-sm-10 col-md-3">
Вывел дополнительно ещё 2 телефона:
<!-- Телефон при нажатии --> <div class="phone-active col-sm-10 col-md-3"> <a href="#" class="close"><span>Закрыть</span>×</a> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <div class="phone"><span class="title">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {SETTINGS_STORE_PHONE_CITY_CODE1}</span> <strong>{SETTINGS_STORE_PHONE_NUMBER1}</strong></div> {% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <div class="phone"><span class="title">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {SETTINGS_STORE_PHONE_CITY_CODE2}</span> <strong>{SETTINGS_STORE_PHONE_NUMBER2}</strong></div> {% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <div class="phone"><span class="title">{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {SETTINGS_STORE_PHONE_CITY_CODE3}</span> <strong>{SETTINGS_STORE_PHONE_NUMBER3}</strong></div> {% ENDIF %} </div> <!-- Поиск при нажатии -->
Размер шрифта в файле main.css
/* Открытие и закрытие Поиска и Телефона */ .phone { font-size: 21px; line-height: 1.3; padding: 5px 0; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных