В теме одно сообщение

[Ирина85]

Добрый вечер.

Несколько вопросов:

1. как изменить цвет текста меню?

2. Как изменить цвет номера телефона?
на другой?  И соответственного цвет букв в этой полоске?

4. Как изменить цвет с черно-голубого на другой?

5. Как изменить цвет с голубого на другой?

6. как изменить цвет с черно-голубого на другой?  и цвет букв в этой полоске?

7. Изменить цвет букв

8. Изменить цвет букв

9.Изменить цвет букв открытого каталога с голубого на другой

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

• 

[RayLi]

Ирина85 (29 Ноябрь 2016 - 17:09) писал:

Добрый вечер.

Несколько вопросов:

1. как изменить цвет текста меню?

2. Как изменить цвет номера телефона?
на другой?  И соответственного цвет букв в этой полоске?

4. Как изменить цвет с черно-голубого на другой?

5. Как изменить цвет с голубого на другой?

6. как изменить цвет с черно-голубого на другой?  и цвет букв в этой полоске?

7. Изменить цвет букв

8. Изменить цвет букв

9.Изменить цвет букв открытого каталога с голубого на другой

Здравствуйте.
В данном случае попробуйте, пожалуйста, произвести следующие изменения:
1. В шаблоне main.css найдите, пожалуйста, данный код:

#custommenu ul.menunav li > a {
	display: block;
	padding: 10px 15px;
	color: #696c79;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	position: relative;
	border-bottom: 2px solid transparent;
}

И замените его вот этим вот кодом:

#custommenu ul.menunav li > a {
	display: block;
	padding: 10px 15px;
	color: #333744;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	position: relative;
	border-bottom: 2px solid transparent;
}

2. После чего в том же шаблоне найдите, пожалуйста, данный код:

.tel-right {
	float: right;
	position: relative;
	top: -5px;
	left: -15px;
	color: #FF00FF;
	font-size: 20px;
}

И замените его вот этим кодом:

.tel-right {
	float: right;
	position: relative;
	top: -5px;
	left: -15px;
	color: #333744;
	font-size: 20px;
}

3. После чего снова в том же шаблоне, main.css найдите, пожалуйста, данный код:

.breadcrumbs {
	font-size: 13px;
	background: #333744;
	padding: 12px 15px;
	padding-bottom: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

И замените его вот этим кодом:

.breadcrumbs {
	font-size: 13px;
	background: #09afe7;
	padding: 12px 15px;
	padding-bottom: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

Далее найдите, пожалуйста, следующий код:

.breadcrumbs li a:hover span, .breadcrumbs li {
	color: #fff;
}

И замените его этим кодом:

.breadcrumbs li a:hover span, .breadcrumbs li {
	color: #333744;
}

После чего найдите ещё вот этот код:

.breadcrumbs li span {
	display: inline-block;
	color: #c5c5c5;
	padding: 0 10px 0 0;
	font-weight: normal;
}

И замените его, пожалуйста, следующий кодом:

.breadcrumbs li span {
	display: inline-block;
	color: #333744;
	padding: 0 10px 0 0;
	font-weight: normal;
}

4. Теперь в том же снова шаблоне, найдите, пожалуйста, данный код:

.block-title {
	display: inline-block;
	position: relative;
	padding: 0px 15px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #333744;
	height: 46px;
	line-height: 40px;
	width: 100%;
	border-bottom: 6px solid #09afe7;
}

И замените его вот этим вот кодом:

.block-title {
	display: inline-block;
	position: relative;
	padding: 0px 15px;
	text-transform: uppercase;
	color: #333744;
	background-color: #09afe7;
	height: 46px;
	line-height: 40px;
	width: 100%;
	border-bottom: 6px solid #333744;
}

7-8. Теперь снова в шаблоне main.css, найдите, пожалуйста, данный код:

.sort-by label, .show-by label {
	vertical-align: middle;
	margin: 0 5px 0 0;
	font-weight: 600;
	color: #ababab;
	font-size: 13px;
	text-transform: none;
}

И замените его вот этим кодом:

.sort-by label, .show-by label {
	vertical-align: middle;
	margin: 0 5px 0 0;
	font-weight: 600;
	color: #09afe7;
	font-size: 13px;
	text-transform: none;
}