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;
}