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

[Александр86]

Здравствуйте!
Хотел бы попросить внести изменения в ряд пунктов:
1. Убрать телефон в верхнем меню.
2. Изменить размер текста в "магазин техники и видеоигр" и "телефон и адрес", и сделать его жирным. Еще хотел спросить как в тех же пунктах изменять цвет текста.
3. Разместить  "телефон и адрес" чуть правее, примерно посредине под кнопками соцсетей и поиска.
Спасибо большое!

[Firefly]

Александр86 (15 Октябрь 2015 - 11:47) писал:

Здравствуйте!
Хотел бы попросить внести изменения в ряд пунктов:
1. Убрать телефон в верхнем меню.
2. Изменить размер текста в "магазин техники и видеоигр" и "телефон и адрес", и сделать его жирным. Еще хотел спросить как в тех же пунктах изменять цвет текста.
3. Разместить  "телефон и адрес" чуть правее, примерно посредине под кнопками соцсетей и поиска.
Спасибо большое!
Шапка.jpg

Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

#header-top .topheader-left ul.contact-us-now li.c-phone {background-position: left -36px;padding-left: 26px;}

Замените на:

#header-top .topheader-left ul.contact-us-now li.c-phone {background-position: left -36px;padding-left: 26px;display: none;}

2,3 Найдите код:

#header #logo a {display: inline-block;}

Замените на:

#header #logo a {display: inline-block;font-size: 16px;font-weight: bold;}

В конце main.css добавьте код:

p.c-phone {
	margin: 0 0 10px 25px;
	font-weight: bold;
}
p.c-address {
	margin: 0 0 10px 25px;
	font-weight: bold;
}

[Александр86]

Спасибо!
1. Но хотелось бы еще уточнить  где изменить сам цвет текста, телефона и адреса.
2. И еще сделать телефон и адрес еще крупнее и сдвинуть вправо.

[Firefly]

Александр86 (15 Октябрь 2015 - 15:08) писал:

Спасибо!
1. Но хотелось бы еще уточнить  где изменить сам цвет текста, телефона и адреса.
2. И еще сделать телефон и адрес еще крупнее и сдвинуть вправо.

1,2 В main.css найдите код:

#header #logo a {display: inline-block;font-size: 21px;font-weight: bold;}

Замените на:

#header #logo a {display: inline-block;font-size: 21px;font-weight: bold;color: #008B8B;}

Измените код цвета #008B8B на необходимый.

Найдите код:

p.c-phone {
		margin: 0 0 10px 25px;
		font-weight: bold;
}
p.c-address {
		margin: 0 0 10px 25px;
		font-weight: bold;
}

Замените на:

p.c-phone {
		margin: 0 0 10px 25px;
		font-weight: bold;
		font-size: 14px;
}
p.c-phone label {color: #008B8B;}
p.c-phone a {color: #008B8B;}
p.c-address {
		margin: 0 0 10px 25px;
		font-weight: bold;
		font-size: 14px;
}
p.c-address span {color: #008B8B;}

Измените код цвета #008B8B на необходимый.

Если Вам необходимо сдвинуть текст с телефоном и адресом вправо изменяйте значение 25px у параметра margin.
За размер шрифта отвечает значение 14px.

[Александр86]

Спасибо огромное!!! Все получилось!)

[Александр86]

Еще вопрос: После данных действий изменился подвал сайта, помогите пожалуйста исправить

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

• 

[Firefly]

Александр86 (15 Октябрь 2015 - 16:46) писал:

Еще вопрос: После данных действий изменился подвал сайта, помогите пожалуйста исправить

Извините, найдите ранее вставленный код:

p.c-phone {
				margin: 20px 10px 20px 100px;
				font-weight: bold;
				font-size: 20px;
}
p.c-phone label {color: #DC143C;}
p.c-phone a {color: #DC143C;}
p.c-address {
				margin: 20px 10px 10px 140px;
				font-weight: bold;
				font-size: 20px;
}
p.c-address span {color: #DC143C;}

Замените на:

.header-right-inner p.c-phone {
				margin: 20px 10px 20px 100px;
				font-weight: bold;
				font-size: 20px;
}
.header-right-inner p.c-phone label {color: #DC143C;}
.header-right-inner p.c-phone a {color: #DC143C;}
.header-right-inner p.c-address {
				margin: 20px 10px 10px 140px;
				font-weight: bold;
				font-size: 20px;
}
.header-right-inner p.c-address span {color: #DC143C;}

[Александр86]

Спасибо!