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


Изменить Цвет И Размер Номера Телефона


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

#1 ivanchik

ivanchik

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

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

Отправлено 22 Август 2014 - 10:24

Не как не могу найти как поменять цвет и размер шрифта номера телефона в шапке в шаблоне весна. подскажите пожалуйста

#2 Alekseys

Alekseys

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

  • Модераторы
  • 2 355 сообщений

Отправлено 22 Август 2014 - 10:41

Просмотр сообщенияivanchik (22 Август 2014 - 10:24) писал:

Не как не могу найти как поменять цвет и размер шрифта номера телефона в шапке в шаблоне весна. подскажите пожалуйста
Здравствуйте. В разделе Сайт -> Редактор шаблонов -> main.css замените блок
#header #support a, #header #support a:hover {
color: #fff;
text-decoration: none;
}
на
#header #support a, #header #support a:hover {
color: #fff;
text-decoration: none;
font-size: 18px;
}
меняя параметры color: #fff; и font-size: 18px; Вы сможете отредактировать нужный цвет и размер шрифта.

#3 ivanchik

ivanchik

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

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

Отправлено 22 Август 2014 - 11:09

как теперь увеличить высоту шапки. потому что после удаления записи "связаться с нами" она уменьшилась

#4 Alekseys

Alekseys

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

  • Модераторы
  • 2 355 сообщений

Отправлено 22 Август 2014 - 11:32

Просмотр сообщенияivanchik (22 Август 2014 - 11:09) писал:

как теперь увеличить высоту шапки. потому что после удаления записи "связаться с нами" она уменьшилась
В main.css замените
#header_colapse {
position: relative;
background-color: #cf4c4e;
color: #ffffff;
z-index: 1000;
}
на
#header_colapse {
position: relative;
background-color: #cf4c4e;
color: #ffffff;
z-index: 1000;
height: 100px;
}
изменяя параметр height: 100px; Вы можете выставить нужную высоту шапки.

#5 ivanchik

ivanchik

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

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

Отправлено 22 Август 2014 - 11:39

там теперь "показать/скрыть" мешается. как ее убрать вообще?

и цвет "время работы"  где поменять?

#6 Dars

Dars

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

  • Модератоpы
  • 1 410 сообщений

Отправлено 22 Август 2014 - 12:06

Просмотр сообщенияivanchik (22 Август 2014 - 11:39) писал:

там теперь "показать/скрыть" мешается. как ее убрать вообще?

и цвет "время работы"  где поменять?
В main.css добавьте строку:

.work-time {color:black;}

black замените на свой цвет.

Что вы имеете в виду под "показать/скрыть"?

#7 ivanchik

ivanchik

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

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

Отправлено 22 Август 2014 - 12:12

Просмотр сообщенияDars (22 Август 2014 - 12:06) писал:


Что вы имеете в виду под "показать/скрыть"?

я уже сам убрал его

		  <div class="inner">
			<a id="toggle_switch" class="toggler" title="Показать/Скрыть" >
			  <span>Показать/Скрыть</span>
			</a>
		  </div>
вот его код

#8 koloskov

koloskov

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

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

Отправлено 27 Август 2014 - 10:15

Добрый день.

Телефон-ссылка это очень удобно особенно в мобильной версии. Но в той же мобильной версии многие пытаются "тапнуть" по иконке, которая не отзывается. Как иконку добавить в ссылку?

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

  • 27_08_14_1.png


#9 Dars

Dars

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

  • Модератоpы
  • 1 410 сообщений

Отправлено 27 Август 2014 - 10:37

Просмотр сообщенияkoloskov (27 Август 2014 - 10:15) писал:

Добрый день.

Телефон-ссылка это очень удобно особенно в мобильной версии. Но в той же мобильной версии многие пытаются "тапнуть" по иконке, которая не отзывается. Как иконку добавить в ссылку?
В шаблоне HTML найдите строку:

				<span class="sup_phone"></span> 

и замените её на:

  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}"><span class="sup_phone"></span></a>


#10 koloskov

koloskov

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

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

Отправлено 29 Август 2014 - 12:38

Добрый день.

А как теперь сделать аналогичную "ссылку-телефон" для мобильной версии  <a href="  ??? ">мой телефон</a>  в описании Доставки например

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

  • 29_08_14_2.png


#11 Ирина345

Ирина345

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

  • Модераторы
  • 5 673 сообщений

Отправлено 29 Август 2014 - 16:16

Просмотр сообщенияkoloskov (29 Август 2014 - 12:38) писал:

Добрый день.

А как теперь сделать аналогичную "ссылку-телефон" для мобильной версии  <a href="  ??? ">мой телефон</a>  в описании Доставки например
Здравствуйте, на панели инструментов в редакторе данного варианта доставки выделяете телефон и нажимаете "Вставить/редактировать ссылку".

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

  • 1.jpg





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

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