Tyumenn (25 Январь 2015 - 12:01) писал:
Спасибо!!
Теперь нужно уменьшить шрифт в блоке контактов (размер шрифта на скрине) и и время работы сделать в две строчке(пример на скрине)
Потом нужно выровнять поиск и корзину, показал на скрине.
Здравствуйте.
Если я вас правильно понял, то сделайте следующее:
В шаблоне
main.css найдите данные коды:
1. Первый код:
#header #cart .heading {
float: right;
margin-top: 15px;
padding-left: 14px;
padding-right: 46px;
position: relative;
z-index: 1;
}
И замените:
#header #cart .heading {
/* float: right; */
margin-top: 15px;
padding-left: 14px;
padding-right: 330px;
position: relative;
z-index: 1;
}
2. Найдите второй код:
#header #cart .cart_circle {
display: block;
width: 36px;
height: 36px;
background: url('http://design.for-sp.ru/cart_circle.png?design=spring') 50% 50% no-repeat;
background-color: #ff0551;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 3px;
right: 0px;
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;
cursor: pointer;
}
И замените:
#header #cart .cart_circle {
display: block;
width: 36px;
height: 36px;
background: url('http://design.for-sp.ru/cart_circle.png?design=spring') 50% 50% no-repeat;
background-color: #ff0551;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 3px;
right: 290px;
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;
cursor: pointer;
}
3. Третий код:
#header #search {
position: relative;
float: left;
top: 9px;
right: 0px;
width: 225px;
z-index: 15;
margin: -9px 0px 0px 478px;
}
И замените его этим:
#header #search {
position: relative;
float: left;
top: 9px;
right: -116px;
width: 225px;
z-index: 15;
margin: -9px 0px 0px 478px;
}
4. Четвёртый код:
#header #support {
position: relative;
float: left;
top: 9px;
margin-right: 11px;
z-index: 30;
width: 200px;
margin-left: 11%;
margin-top: 2%;
}
И замените его вот этим кодом:
#header #support {
position: relative;
float: left;
top: 9px;
margin-right: 11px;
z-index: 30;
width: 200px;
margin-left: 11%;
margin-top: 2%;
font-size: 14px;
}
5. Найдите пятый код:
.c_contacts div {
display: inline-block;
margin: 10px;
}
Замените его:
.c_contacts div {
display: inline-block;
margin: 10px;
font-size: 14px;
}
6. Найдите шестой код:
#phon {
font-size: 15px;
}
И замените его:
#phon {
font-size: 14px;
}