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

[Hadir]

Доброго дня!
Прошу помощи.

1) Я по следам темы:https://forum.storeland.ru/index.php?/topic/21868-как-добавить-контакты-на-страницу-контакты/ отредактировала Связь с администрацией и теперь не знаю как отредактировать цвет шрифта и отступы, чтобы были точно такие же, как в шаблоне.

2) Еще хотела бы добавить отдельно телефон в шапку сайта, и сразу  за ним три значка: Телеграм,Вайбер и Вацап, все мессенджеры привязаны к данному телефону.

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

• 
• 

[Ирина345]

Hadir (29 Апрель 2021 - 13:55) писал:

Доброго дня!
Прошу помощи.

1) Я по следам темы:https://forum.storeland.ru/index.php?/topic/21868-как-добавить-контакты-на-страницу-контакты/ отредактировала Связь с администрацией и теперь не знаю как отредактировать цвет шрифта и отступы, чтобы были точно такие же, как в шаблоне.

2) Еще хотела бы добавить отдельно телефон в шапку сайта, и сразу  за ним три значка: Телеграм,Вайбер и Вацап, все мессенджеры привязаны к данному телефону.

Здравствуйте.
1 Что бы изменить цвет текста, найдите в файле main.css код

.contacts1 div{margin-left: 10px; padding-top: 10px; color:#000000; font-size:16px;}
.contacts1 a{color:#000000; font-size:16px;}

замените на

.contacts1 div{margin-left: 10px; padding-top: 10px; color:#685A4B; font-size:16px;}
.contacts1 a{color:#685A4B; font-size:16px;}

что бы изменить отступ между строками, измените значение  padding-top: 10px, 10

2 Что бы установить иконки соц.сетей в раздел Сайт-Редактор шаблонов загрузите изображения данных иконок.
Далее найдите в шаблоне HTML код

   <div class="lowResClear resClear1023"></div>
			<div class="noindex" id="search">

после вставьте код

<div class="block_contact" style="display:none">
				<a href="ссылка на страницу whatsapp">  <img src="{ASSETS_IMAGES_PATH}название логотипа" /> </a>
				 <a href="ссылка на страницу viber">   <img src="{ASSETS_IMAGES_PATH}название логотипа" /></a>
				  <a href="ссылка на страницу whatsapp">   <img src="{ASSETS_IMAGES_PATH}название логотипа" /></a>
			  </div>

где укажите ссылки на мессенджеры и пропишите название загруженных логотипов.

[Hadir]

Ирина345 (29 Апрель 2021 - 17:33) писал:

Здравствуйте.
1 Что бы изменить цвет текста, найдите в файле main.css код

.contacts1 div{margin-left: 10px; padding-top: 10px; color:#000000; font-size:16px;}
.contacts1 a{color:#000000; font-size:16px;}

замените на

.contacts1 div{margin-left: 10px; padding-top: 10px; color:#685A4B; font-size:16px;}
.contacts1 a{color:#685A4B; font-size:16px;}

что бы изменить отступ между строками, измените значение  padding-top: 10px, 10

2 Что бы установить иконки соц.сетей в раздел Сайт-Редактор шаблонов загрузите изображения данных иконок.
Далее найдите в шаблоне HTML код

<div class="lowResClear resClear1023"></div>
		 <div class="noindex" id="search">

после вставьте код

<div class="block_contact" style="display:none">
			 <a href="ссылка на страницу whatsapp"> <img src="{ASSETS_IMAGES_PATH}название логотипа" /> </a>
				 <a href="ссылка на страницу viber"> <img src="{ASSETS_IMAGES_PATH}название логотипа" /></a>
				 <a href="ссылка на страницу whatsapp"> <img src="{ASSETS_IMAGES_PATH}название логотипа" /></a>
			 </div>

где укажите ссылки на мессенджеры и пропишите название загруженных логотипов.

По первому пункту ничего не изменилось?!



По п.2. Мне больше в шапке телефон нужен контактный, чтобы сразу бросался в глаза, а не клиенту, а не через переход в раздела Контакты.
Как в ставить телефон ?

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

• 
• 

[Ирина345]

Hadir (30 Апрель 2021 - 13:26) писал:

По первому пункту ничего не изменилось?!



По п.2. Мне больше в шапке телефон нужен контактный, чтобы сразу бросался в глаза, а не клиенту, а не через переход в раздела Контакты.
Как в ставить телефон ?

Здравствуйте,
1 Найдите в файле main.css код

.contacts1 div{margin-left: 10px; padding: 10px 10; color:#000000; font-size:16px;}
.contacts1 a{color:#685A4B; font-size:16px;}

замените на

.contacts1 div{margin-left: 10px; padding: 10px 10px; color:#000000; font-size:16px;}
.contacts1 a{color:#685A4B; font-size:16px;}

2 Найдите в шаблоне HTML код

   <div class="lowResClear resClear1023"></div>
			<div class="noindex" id="search">

после вставьте

<div class="block_contact" >
						 <a href="tel:НОМЕР ТЕЛЕФОНА"> НОМЕР ТЕЛЕФОНА </a>
						 </div>

где укажите номер телефона
далее в конец файла main.css добавьте код

.block_contact {
	padding-right: 10px;
}
div#search {
	display: flex;
	float: revert;
	justify-content: flex-end;
	align-items: baseline;
}