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

[niko1a]

Здравствуйте, помогите пожалуйста разобраться в ситуации:
После того как я увеличил размер логотипа до 100% (делал по одной из инструкций на данном форуме) у меня пропал номер телефона и режим работы, точнее они видимо под логотипом находятся, но как-то подвинуть их у меня не получается.
Помогите, пожалуйста, вернуть данный блок на место, то есть правее от логотипа
http://askonamarket.storeland.ru/
SL-320166


Почему-то не в той ветке форума создал тему. Просьба перенести по возможности в "Изменение общей стилистики"

Сообщение отредактировал niko1a: 26 Ноябрь 2014 - 15:22

[Dars]

niko1a (26 Ноябрь 2014 - 15:16) писал:

Здравствуйте, помогите пожалуйста разобраться в ситуации:
После того как я увеличил размер логотипа до 100% (делал по одной из инструкций на данном форуме) у меня пропал номер телефона и режим работы, точнее они видимо под логотипом находятся, но как-то подвинуть их у меня не получается.
Помогите, пожалуйста, вернуть данный блок на место, то есть правее от логотипа
http://askonamarket.storeland.ru/
SL-320166


Почему-то не в той ветке форума создал тему. Просьба перенести по возможности в "Изменение общей стилистики"

Здравствуйте!
В style.css найдите строку:

header[role="banner"] {position: relative; min-height: 10em; overflow: hidden;z-index: 10;}

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

header[role="banner"] {position: relative; min-height: 16em; overflow: hidden;z-index: 10;}

[niko1a]

Спасибо, помогло.

Но только появилось все это под логотипом:
1. как перенести между лого и поиском?
2. Как поменять размер шрифта?
3. Как поменять цвет шрифта?
4. Как поместить значок "скайп" под телефон и поменять размер шрифта.

Заранее большое спасибо за ответы.

[Vaccina]

на данный момент контактная информация находится справа от логотипа.
2.В style.css найдите:

.contacts {
	color: blue;
	font-size: 12pt;
	margin-left: 1px;
	margin-top: 10px;
	position: relative;
}

измените значение стиля  font-size, например:

.contacts {
	color: blue;
	font-size: 18px;
	margin-left: 1px;
	margin-top: 10px;
	position: relative;
}

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

.contacts {
	color: blue;
	font-size: 12pt;
	margin-left: 1px;
	margin-top: 10px;
	position: relative;
}

измените значение стиля  color, например:

.contacts {
	color: #00ada9;
	font-size: 12pt;
	margin-left: 1px;
	margin-top: 10px;
	position: relative;
}

4.В шаблоне HTML после:

<div title="Звоните, мы проконсультируем вас по любым вопросам" class="phone">

вставьте:

<img src="ссылка на иконку" alt="" />

[niko1a]

Спасибо за некоторые пояснения, но контакты находятся не справа от логотипа, а ниже.

Есть во вложении скриншот сделанный в хроме (кэш и куки в браузере чистил), в остальных браузерах отображается аналогично.

Помогите пожалуйста найти свойство которое отвечает за расположение данного блока.

Значок скайпа, как и сам номер так же выводится в "шапку"  только он в свою очередь находится еще правее от контактов, а хочется, что бы было под номером телефона.

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

• 

[niko1a]

Мне удалось подвинуть номер телефона на нужное место поправив:
  margin-left: 1px;
margin-top: 10px;
Но все это как-то не корректно отображается... Не пойму как сделать чтобы все было в одну строку.  


Странно, но куда-то пропали все страницы с сайта, при переходе по любой ссылке из верхнего меню ничего не открывается, в том числе и корзина. Точнее вообще ничего кроме главной страницы не открывается.

[shnafix]

niko1a (28 Ноябрь 2014 - 01:03) писал:

Мне удалось подвинуть номер телефона на нужное место поправив:
  margin-left: 1px;
margin-top: 10px;
Но все это как-то не корректно отображается... Не пойму как сделать чтобы все было в одну строку.  


Странно, но куда-то пропали все страницы с сайта, при переходе по любой ссылке из верхнего меню ничего не открывается, в том числе и корзина. Точнее вообще ничего кроме главной страницы не открывается.

Я бы рекомендовал Вам восстановить бэкап, в котором этой проблемы - со всем остальными страницами, не наблюдалось, а затем аккуратно проделать последние изменения, которые не сохранились в восстановленном бэкапе.

[niko1a]

Хорошо, сделаю откат... Спасибо.

[niko1a]

А кто нибудь подскажет как сделать, что бы телефон был в одну строку?

[Danil]

niko1a (28 Ноябрь 2014 - 14:48) писал:

А кто нибудь подскажет как сделать, что бы телефон был в одну строку?

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

.contacts {
float: center;
position: relative;
font-size: 18pt;
color: #cf1b4b;
margin-top: -20px;
margin-left: 460px;
}

и замените на

.contacts {
float: left;
position: relative;
font-size: 18pt;
color: #cf1b4b;
}

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

header[role="banner"] .hgroup {
position: absolute;
top: 1em;
left: 1em;
width: 50.877301%;
}

и замените на

header[role="banner"] .hgroup {
top: 1em;
left: 1em;
width: 55.877301%;
}