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


Добавить Телефон В Шапку И Отцентровать Логотип

шапка телефон

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

#1 Андрей lomich

Андрей lomich

    Новичок

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

Отправлено 03 Февраль 2018 - 19:02

Здравствуйте, уважаемые модераторы!
Читал форум и видел, что подобная тема уже затрагивалась, но там вы советовали внести изменения в файл main.css. Весь редактор перерыл, но такого файла не вижу. Есть лишь main.js

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

PS: И еще большая просьба, скажите пожалуйста, как убрать слайдер?

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

  • shapka.png


#2 Андрей lomich

Андрей lomich

    Новичок

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

Отправлено 03 Февраль 2018 - 21:21

слайдер нашёл как убрать...

#3 Stasya

Stasya

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

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

Отправлено 08 Февраль 2018 - 15:16

Просмотр сообщенияАндрей lomich (03 Февраль 2018 - 19:02) писал:

Здравствуйте, уважаемые модераторы!
Читал форум и видел, что подобная тема уже затрагивалась, но там вы советовали внести изменения в файл main.css. Весь редактор перерыл, но такого файла не вижу. Есть лишь main.js

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

PS: И еще большая просьба, скажите пожалуйста, как убрать слайдер?
Здравствуйте. Простите за длительное ожидание ответа.
1) Вся проблема в картинке в том, что у нее доводбно большое расстояние от верхней гарницы до самомго рисунка. Но Вы можете поправить это при помощи кода. Для этого в разделе Сайт-> Редактор в файле style.css найдите код
#header-logo img{display: block;text-align: center;margin: 0 auto;}
и замените его на
#header-logo img{display: block;text-align: center;margin: -41px auto 0;}
Затем найдите код
#header-logo{position:relative;display:table;float:left;margin-top:30px;width:210px;z-index:30;margin-left: 10px;}
и замените его на
#header-logo{position:relative;display:table;float:left;margin-top:30px;width:210px;z-index:30;margin-left: 10px;height: 115px;}
2) В шаблоне HTML найдите строку
<!-- /Форма поиска -->
и после нее вставьте код
{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_WORK_TIME %}
			<div id="block_phone">
			  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a>
			</div>
			{% ENDIF %}
Далее в файле style.css найдите код
/* END Поиск */
/* Корзина */
и замените его на
/* END Поиск */
div#block_phone {position: static;float: right;margin: 26px 50px 0 0;}
div#block_phone a{color:#fd8221;font-size:30px;text-decoration:none;line-height:35px}
/* Корзина */

3) Чтобы убрать слайдер в шаблоне HTML найдите и удалите код
{% IF index_page %} 
	  <div class="flexslider" id="autumn-slider">
		<ul class="slides">
		 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=autumn"></a></li>
		<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=autumn"></a></li>
		<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=autumn"></a></li>
		</ul>
	 </div>
	{% ENDIF %}
Затем в файле main.js найдите удалите код
//Слайдер на главной
$(window).load(function(){		
  $('.flexslider').flexslider({			
	animation: "slide",			
	start: function(slider){				
	  $('body').removeClass('loading');		  
	}		
  });	
});






Темы с аналогичным тегами шапка телефон

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

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