Текст Между Логотипом И Телефоном
#1
Отправлено 21 Октябрь 2015 - 11:59
нужно сделать текст как указано на скриншоте, текст в две строчки, первая строчка жирным шрифтом (Arial black) а вторая строчка обычным шрифтом (Arial Narrow) и все это по центру, укажите сразу где можно менять цвет текста. Также нужно сразу настроить этот текст в мобильной версии, чтобы не было косячком типа что то куда то уехало.
Заранее спасибо!
#2
Отправлено 21 Октябрь 2015 - 12:55
Vovan (21 Октябрь 2015 - 11:59) писал:
нужно сделать текст как указано на скриншоте, текст в две строчки, первая строчка жирным шрифтом (Arial black) а вторая строчка обычным шрифтом (Arial Narrow) и все это по центру, укажите сразу где можно менять цвет текста. Также нужно сразу настроить этот текст в мобильной версии, чтобы не было косячком типа что то куда то уехало.
Заранее спасибо!
В шаблоне html перед строкой
<!-- Контакты -->вставьте
<div class="logo col-lg-6 col-md-12 col-xs-12"> <p>СТРОКА1</p> <p>СТРОКА2</p> </div>в конец main.css добавьте
.logo.col-lg-6.col-md-12.col-xs-12 p:first-child { font-size: 30px; font-weight: 900; } .logo.col-lg-6.col-md-12.col-xs-12 p { font-size: 28px; text-align: center; }
#3
Отправлено 21 Октябрь 2015 - 14:05
Danil (21 Октябрь 2015 - 12:55) писал:
В шаблоне html перед строкой
<!-- Контакты -->вставьте
<div class="logo col-lg-6 col-md-12 col-xs-12"> <p>СТРОКА1</p> <p>СТРОКА2</p> </div>в конец main.css добавьте
.logo.col-lg-6.col-md-12.col-xs-12 p:first-child { font-size: 30px; font-weight: 900; } .logo.col-lg-6.col-md-12.col-xs-12 p { font-size: 28px; text-align: center; }
супер спасибо, а как сделать, чтобы в мобильной версией между этим текстом и телефоном было небольшое расстояние, а то не красиво смотрится
#4
Отправлено 21 Октябрь 2015 - 14:10
Vovan (21 Октябрь 2015 - 14:05) писал:
.header-content .logo { padding: 20px 0; float: right; text-align: center; padding: 20px 0 0 0; clear: both; }и замените на
.header-content .logo { padding: 20px 0; float: right; text-align: center; padding: 20px 0 0 0; clear: both; margin-bottom: 10px; }
#5
Отправлено 21 Октябрь 2015 - 14:32
Danil (21 Октябрь 2015 - 14:10) писал:
.header-content .logo { padding: 20px 0; float: right; text-align: center; padding: 20px 0 0 0; clear: both; }и замените на
.header-content .logo { padding: 20px 0; float: right; text-align: center; padding: 20px 0 0 0; clear: both; margin-bottom: 10px; }
спасибо все четко! А можете мне в этой теме ответить http://forum.storela...ары-на-главной/
#7
Отправлено 27 Октябрь 2015 - 18:44
spectredes (27 Октябрь 2015 - 18:24) писал:
Здравствуйте.
Возможно, у Вас закэшировалась информация в браузере. Попробуйте очистить кэш комбинацией Ctrl+F5. Если данная проблема все же возникает, уточните, пожалуйста, на скриншоте более подробно, как должен выглядеть данный блок.
#8
Отправлено 27 Октябрь 2015 - 19:24
Firefly (27 Октябрь 2015 - 18:44) писал:
Возможно, у Вас закэшировалась информация в браузере. Попробуйте очистить кэш комбинацией Ctrl+F5. Если данная проблема все же возникает, уточните, пожалуйста, на скриншоте более подробно, как должен выглядеть данный блок.
#9
Отправлено 27 Октябрь 2015 - 19:46
spectredes (27 Октябрь 2015 - 19:24) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<!-- Логотип --> <div class="logo col-lg-3 col-md-2 col-xs-12">
Замените на:
<!-- Логотип --> <div class="logo col-lg-4 col-md-4 col-xs-12">
Найдите код:
<div class="logo col-lg-6 col-md-12 col-xs-12"> <p>СТРОКА1</p> <p>СТРОКА2</p> </div>
Замените на:
<div class="info logo col-lg-4 col-md-4 col-xs-12"> <p>СТРОКА1</p> <p>СТРОКА2</p> </div>
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.info p {text-align:center;} .info p:first-child {font-weight:bold;}
Так же найдите код:
.header-content .logo {padding:0px 0; height: auto; max-width: 100%;}
Замените на:
.header-content .logo {padding: 10px 0; height: auto; max-width: 100%;}
#10
Отправлено 27 Октябрь 2015 - 20:14
Firefly (27 Октябрь 2015 - 19:46) писал:
<!-- Логотип --> <div class="logo col-lg-3 col-md-2 col-xs-12">
Замените на:
<!-- Логотип --> <div class="logo col-lg-4 col-md-4 col-xs-12">
Найдите код:
<div class="logo col-lg-6 col-md-12 col-xs-12"> <p>СТРОКА1</p> <p>СТРОКА2</p> </div>
Замените на:
<div class="info logo col-lg-4 col-md-4 col-xs-12"> <p>СТРОКА1</p> <p>СТРОКА2</p> </div>
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.info p {text-align:center;} .info p:first-child {font-weight:bold;}
Так же найдите код:
.header-content .logo {padding:0px 0; height: auto; max-width: 100%;}
Замените на:
.header-content .logo {padding: 10px 0; height: auto; max-width: 100%;}
Спасибо большое!!! Все получилось!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных