Сообщений в теме: 9

[Vovan]

Здравствуйте! Аккаунт SL-361259

нужно сделать текст как указано на скриншоте, текст в две строчки, первая строчка жирным шрифтом (Arial black) а вторая строчка обычным шрифтом (Arial Narrow) и все это по центру, укажите сразу где можно менять цвет текста. Также нужно сразу настроить этот текст в мобильной версии, чтобы не было косячком типа что то куда то уехало.

Заранее спасибо!

Прикрепленные изображения

• 

[Danil]

Vovan (21 Октябрь 2015 - 11:59) писал:

Здравствуйте! Аккаунт SL-361259

нужно сделать текст как указано на скриншоте, текст в две строчки, первая строчка жирным шрифтом (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;
}

[Vovan]

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;
}

супер спасибо, а как сделать, чтобы в мобильной версией между этим текстом и телефоном было небольшое расстояние, а то не красиво смотрится

[Danil]

Vovan (21 Октябрь 2015 - 14:05) писал:

супер спасибо, а как сделать, чтобы в мобильной версией между этим текстом и телефоном было небольшое расстояние, а то не красиво смотрится

В main.css найдите код

.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;
}

[Vovan]

Danil (21 Октябрь 2015 - 14:10) писал:

В main.css найдите код

.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...ары-на-главной/

[spectredes]

Здравствуйте! Сделал всё по аналогии, но правое поле с контактами съезжает! Помогите плз, аккаунт номер SL-350002

Прикрепленные изображения

• 

[Firefly]

spectredes (27 Октябрь 2015 - 18:24) писал:

Здравствуйте! Сделал всё по аналогии, но правое поле с контактами съезжает! Помогите плз, аккаунт номер SL-350002

Здравствуйте.
Возможно, у Вас закэшировалась информация в браузере. Попробуйте очистить кэш комбинацией Ctrl+F5. Если данная проблема все же возникает, уточните, пожалуйста, на скриншоте более подробно, как должен выглядеть данный блок.

[spectredes]

Firefly (27 Октябрь 2015 - 18:44) писал:

Здравствуйте.
Возможно, у Вас закэшировалась информация в браузере. Попробуйте очистить кэш комбинацией Ctrl+F5. Если данная проблема все же возникает, уточните, пожалуйста, на скриншоте более подробно, как должен выглядеть данный блок.

Очистка кэша не помогла, прилагаю скрин как должно быть, если необходимы все данные по css элементов, то подскажите, я скину

Прикрепленные изображения

• 

[Firefly]

spectredes (27 Октябрь 2015 - 19:24) писал:

Очистка кэша не помогла, прилагаю скрин как должно быть, если необходимы все данные по css элементов, то подскажите, я скину

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> 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%;}

[spectredes]

Firefly (27 Октябрь 2015 - 19:46) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> 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%;}

Спасибо большое!!! Все получилось!