Перейти к содержимому


Текст Между Логотипом И Телефоном


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 9

#1 Vovan

Vovan

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 110 сообщений

Отправлено 21 Октябрь 2015 - 11:59

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

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

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

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

  • роорор.png


#2 Danil

Danil

    Активный участник

  • Модераторы
  • 4 645 сообщений

Отправлено 21 Октябрь 2015 - 12:55

Просмотр сообщения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;
}


#3 Vovan

Vovan

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 110 сообщений

Отправлено 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 Danil

Danil

    Активный участник

  • Модераторы
  • 4 645 сообщений

Отправлено 21 Октябрь 2015 - 14:10

Просмотр сообщения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;
}


#5 Vovan

Vovan

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 110 сообщений

Отправлено 21 Октябрь 2015 - 14:32

Просмотр сообщения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...ары-на-главной/

#6 spectredes

spectredes

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 97 сообщений

Отправлено 27 Октябрь 2015 - 18:24

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

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

  • проблема.png


#7 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 753 сообщений

Отправлено 27 Октябрь 2015 - 18:44

Просмотр сообщенияspectredes (27 Октябрь 2015 - 18:24) писал:

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

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

#8 spectredes

spectredes

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 97 сообщений

Отправлено 27 Октябрь 2015 - 19:24

Просмотр сообщенияFirefly (27 Октябрь 2015 - 18:44) писал:

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

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

  • Проблема 2.png


#9 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 753 сообщений

Отправлено 27 Октябрь 2015 - 19:46

Просмотр сообщения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%;}


#10 spectredes

spectredes

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 97 сообщений

Отправлено 27 Октябрь 2015 - 20:14

Просмотр сообщения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%;}

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




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных