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

[Malina]

Здравствуйте.
Помогите пожалуйста.

• Где поменять цвет фразы "Корзина покупок"?
  
• Как сделать блок "Почему все покупают у нас" адаптивным для любых размеров экрана?
  
• Как разъединить "Связаться с нами" и время (время сделать отдельным столбиком рядом с подписью "Время работы")
  
• Трубку телефона выровнять с корзинкой (по расположению по вертикали) а корзинку с лупой по горизонтали.
  
• И еще одна "хотелка", а можно как то сделать так, чтобы иконки соц.сетей тоже крутились, как лупа и пр.

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

• 

[RayLi]

Malina (28 Август 2015 - 22:07) писал:

Здравствуйте.
Помогите пожалуйста.

• Где поменять цвет фразы "Корзина покупок"?
  
  
• Как сделать блок "Почему все покупают у нас" адаптивным для любых размеров экрана?
  
  
• Как разъединить "Связаться с нами" и время (время сделать отдельным столбиком рядом с подписью "Время работы")
  
  
• Трубку телефона выровнять с корзинкой (по расположению по вертикали) а корзинку с лупой по горизонтали.
  
  
• И еще одна "хотелка", а можно как то сделать так, чтобы иконки соц.сетей тоже крутились, как лупа и пр.

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

#header #cart .heading h4 {
	color: #333333;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
	text-align: right;
}

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

#header #cart .heading h4 {
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
	text-align: right;
}

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

#header #search {
	position: relative;
	float: right;
	top: 9px;
	right: 0px;
	margin-bottom: 9px;
	width: 225px;
	z-index: 15;
}

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

#header #search {
	position: relative;
	float: right;
	top: 9px;
	right: -80px;
	margin-bottom: 9px;
	width: 225px;
	z-index: 15;
}

Далее в том же шаблоне найдите вот этот вот код:

#header #support .sup_phone {
	display: block;
	width: 36px;
	height: 36px;
	background-color: #333333;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	-ms-border-radius: 50%;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	background: url("{ASSETS_IMAGES_PATH}phone_circle.png") center center no-repeat;
	background-color: #333333;
	position: absolute;
	top: 0px;
	right: 0px;
}

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

#header #support .sup_phone {
	display: block;
	width: 36px;
	height: 36px;
	background-color: #333333;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	-ms-border-radius: 50%;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	background: url("{ASSETS_IMAGES_PATH}phone_circle.png") center center no-repeat;
	background-color: #333333;
	position: absolute;
	top: 15px;
	right: -60px;
}