lifestylegoods (27 Январь 2018 - 16:56) писал:
Добрый день, по скриншоту можно ли мне сделать такие операции:
1. Слева под логотипом что бы был номер телефона: ЗВОНИТЕ: +7 (ХХХ) ХХХ-ХХ-ХХ
"(и скажите как меня размер шрифта). Справа что бы было под корзиной:ВХОД В ЛК и РЕГИСТАЦИЯ, ИЗБРАННОЕ.
2.Сделать такой же везде цвет как у логотипа.
3.Поиск сделать по середине. Избранное, личный кабинет, корзина, регистрацию убрать.
4. Поменять по больше шрифт, убрать: Корзину, Войти в ЛК
Заранее спасибо.
lifestylegoods (27 Январь 2018 - 18:19) писал:
Здравствуйте.
Для начала Вам необходимо в шаблоне
main.css найти следующий блок кода:
.catButton {
text-align: center;
padding: 12px;
background: #DF747A;
font-size: 30px;
color: white;
font-weight: bold;
cursor: pointer;
box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
И замените его вот этим вот кодом:
.catButton {
text-align: center;
padding: 12px;
background: #8ee2da;
font-size: 30px;
color: #222020;
font-weight: bold;
cursor: pointer;
box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
Далее там же найдите, пожалуйста, данный код:
.indexPageHeader span, .page_title span {
color: white;
}
И замените его вот этим кодом:
.indexPageHeader span, .page_title span {
color: #232020;
}
После чего там же найдите, пожалуйста, следующий код:
.indexPageHeader span:after, .page_title span:after {
content: '';
position: absolute;
left: -10px;
width: auto;
transform: skew(-20deg);
background: #DF747A;
z-index: -1;
height: 100%;
width: 100%;
padding: 5px 18px 5px 5px;
top: -5px;
box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
transform: skew(-20deg);
-moz-transform: skew(-20deg);
-webkit-transform: skew(-20deg);
}
И замените его вот этим кодом:
.indexPageHeader span:after, .page_title span:after {
content: '';
position: absolute;
left: -10px;
width: auto;
transform: skew(-20deg);
background: #8de2db;
z-index: -1;
height: 100%;
width: 100%;
padding: 5px 18px 5px 5px;
top: -5px;
box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
transform: skew(-20deg);
-moz-transform: skew(-20deg);
-webkit-transform: skew(-20deg);
}
Теперь там же найдите данный код:
.item a.addToCart, .prod_hold a.addToCart, .prod_hold span.noavalible {
background: #DF747A;
display: block;
height: 75px;
padding-top: 20px;
font-size: 30px;
text-transform: uppercase;
cursor: pointer;
position: absolute;
bottom: -80px;
width: 100%;
transition: all 0.25s ease 0.15s;
-webkit-transition: all 0.25s ease 0.15s;
-o-transition: all 0.25s ease 0.15s;
-moz-transition: all 0.25s ease 0.15s;
}
И замените его вот этим кодом:
.item a.addToCart, .prod_hold a.addToCart, .prod_hold span.noavalible {
background: #8de2dc;
display: block;
height: 75px;
padding-top: 20px;
font-size: 30px;
text-transform: uppercase;
cursor: pointer;
position: absolute;
bottom: -80px;
width: 100%;
transition: all 0.25s ease 0.15s;
-webkit-transition: all 0.25s ease 0.15s;
-o-transition: all 0.25s ease 0.15s;
-moz-transition: all 0.25s ease 0.15s;
}
Далее там же найдите, пожалуйста, следующий код:
.mainPageGoods a {
color: white;
}
И замените его вот этим кодом:
.mainPageGoods a {
color: black;
}
После чего найдите там же, пожалуйста, данный код:
.item .price-new > span, .prod_hold .price-new > span {
position: relative;
color: white;
}
И замените его этим вот кодом:
.item .price-new > span, .prod_hold .price-new > span {
position: relative;
color: black;
}
И далее найдите, пожалуйста, всё там же, следующий код:
.item .price-new > span:after, .prod_hold .price-new > span:after {
content: '';
position: absolute;
left: -10px;
width: 100%;
transform: skew(-20deg);
background: #DF747A;
z-index: -1;
height: 100%;
padding: 5px 18px 5px 5px;
top: -5px;
box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
transform: skew(-20deg);
-moz-transform: skew(-20deg);
-webkit-transform: skew(-20deg);
transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
}
И замените его вот этим вот кодом:
.item .price-new > span:after, .prod_hold .price-new > span:after {
content: '';
position: absolute;
left: -10px;
width: 100%;
transform: skew(-20deg);
background: #8de2dc;
z-index: -1;
height: 100%;
padding: 5px 18px 5px 5px;
top: -5px;
box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
transform: skew(-20deg);
-moz-transform: skew(-20deg);
-webkit-transform: skew(-20deg);
transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
}