Несколько Вопросов.

Добрый день!
Появилось несколько вопросов, которые сам разрешить не могу:
1) Как разместить горизонтальное меню по центру слайда, изменить шрифт и стиль наименований разделов, сделать заливку кнопок белым и взять это всё в рамку со своей заливкой?
2) Как сделать окно поиска в двое меньше?
3) В шапке, первый контактный номер телефона увеличить в размере, сделать красным и подвинуть к окну поиска?
4) Слайд и вертикальное меню спустить чуть ниже, чтобы горизонтальное меню не налезало на слайды.
5) Как поменять иконку сайта в закладке браузера? (на всех страницах)
6) Сообщение о сравнении товара, в правом верхнем углу немного увеличить.

Буду очень благодарен за помощь!
Аккаунт SL-322160.

Сонат (04 Декабрь 2014 - 12:35) писал:

Здравствуйте,
1. найдите в main.css

#megamenu {
position: absolute;
height: 54px;
top: 110px;
left: 238px;
}

замените на

#megamenu {
position: absolute;
height: 54px;
top: 110px;
left: 420px;
}

далее найдите

#megamenu li.root_menu {
padding: 2px 5px 3px 10px;
float: left;
position: relative;
margin-right: 5px;
border: 1px solid #000000;
border-radius: 5px;
}

замените на

#megamenu li.root_menu {
padding: 2px 5px 3px 10px;
float: left;
position: relative;
margin-right: 5px;
border: 1px solid #000000;
border-radius: 5px;
background: #fff;
}

далее найдите

#megamenu li .root_link {
color: #666666;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
}

где для того что бы поменять шрифт меняете значение font-size: 11px; например на
font-size: 14px;

2. найдите

#search_block_top #search_query_top {
width: 350px;
vertical-align: middle !important;
border: 1px solid #cecece!important;
padding-right: 30px;
}

где уменьшаете значение
width: 350px;
3. произведите сначала остальные изменения
4. найдите

.content.container {
margin-top: 25px;
margin-bottom: 50px;
min-height: 500px;
}

замените на

.content.container {
margin-top: 32px;
margin-bottom: 50px;
min-height: 500px;
}

5. используйте данную инструкцию
http://storeland.ru/about/faq#52
6 найдите

#header_user_info {
color: #fafafa;
font-size: 12px;
text-align: right;
clear: both;
margin-top: 6px;
padding: 0;
display: block;
}

изменяете значение font-size: 12px; например на
font-size: 16px;

Огромное спасибо! почти всё получилось.
По поводу 1 пункта хотелось бы сделать как на скриншоте ниже + убрать капс.
И вопрос в 3 пункте актуален, но поправка, как перенести весь информационный блок, а увеличить и перекрасить только первый номер?

Сонат (04 Декабрь 2014 - 14:10) писал:

Найдите в main.css

#wrapper{background-color:#f2f2f2}

замените на

#wrapper{background: url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn');}

добавьте в конец файла

div#content-fluid {
background: #f2f2f2;
}

найдите в html

<div class="block_content">
		 <!-- Контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
						 <div class="contacts">

замените на

<div class="block_content">
		 <!-- Контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
						 <div class="contacts" id="tel">

далее добавьте в конец файла main.css

#tel a {
color: #E52247;
}
#tel {
margin-left: 269px;
font-size: 21px;
}

Спасибо! не ожидал на такие оперативные ответы.

Появились проблемы :с
1) снизу номер телефона тоже съехал
2) на мониторах 21 и 30 дюймов всё ок, а на 17-ти дюймовом безобразие (приложил скрин)

Сонат (04 Декабрь 2014 - 16:03) писал:

Найдите в HTMLна строке 598  

 <div class="contacts" id="tel">

замените на

 <div class="contacts">

далее найдите
в main.css

@media only screen and (max-width:1210px){

замените на

@media only screen and (max-width:1210px){
  #megamenu {
top: 172px;
left: 316px;
}

1) Вы имели в виду в строке 589? там и так не прописано "id="tel">"
2) Из этого получилось то, что на скриншоте.

1. Строка 589 код:

<div class="contacts" id="tel">

2.В style.css найдите:

#megamenu {
	height: 54px;
	left: 420px;
	position: absolute;
	top: 113px;
}

замените на:

#megamenu {
	height: 54px;
	position: absolute;
	top: 113px;
}

Теперь горизонтальное меню съехало влево, а нельзя как то и по середине слайда сделать и отображение на не широкоформатных мониторах было нормальным?

На не больших мониторах отображается как на скрине. так даже лучше по моему, можно так сделать? Только номер телефона в право сдвинуть совсем? И меню горизонтальное выровнять с поиском и корзиной?
Я вас замучил наверное, но буду очень благодарен!

Сонат (05 Декабрь 2014 - 13:39) писал:

Здравствуйте.
Возможно вам подойдет такой вариант:
- При большом разрешении
- При маленьком разрешении

Ну в принципе да, нормально. ещё бы вертикальное меню и слайд чуть оторвать ниже от шапки

Сонат (05 Декабрь 2014 - 17:27) писал:

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

#megamenu {
height: 54px;
position: absolute;
top: 113px;
}

и замените на

#megamenu {
height: 54px;
float: left;
margin-top: 15px;
}

так же найдите

.two-third {
width: 930px;
float: right;
}

замените на

.two-third {
width: 930px;
float: right;
margin-top: 10px;
}

найдите

.one-third {
width: 210px;
float: left;
}

замените на

.one-third {
width: 210px;
float: left;
margin-top: 10px;
}

Всё отлично. Большое спасибо!