Органика (19 Март 2017 - 19:08) писал:
Благодарю! С этим я разобралась, а как изменить красный цвет:
- красная полоса и подсветка страниц, на зеленом
- иконку корзины
- карусель (на фото)
Если я правильно вас понял, то в данном случае попробуйте, пожалуйста, произвести следующие изменения:
В шаблоне
style.css найдите, пожалуйста, данный код:
.shopping_cart {
position: relative;
display: block;
float: right;
z-index: 100;
background: #ff0000 url('{ASSETS_IMAGES_PATH}cart_icon.png?design=sport') no-repeat center center;
height: 30px;
width: 30px;
padding: 5px;
}
И замените его вот этим вот кодом:
.shopping_cart {
position: relative;
display: block;
float: right;
z-index: 100;
background: #9acd32 url('{ASSETS_IMAGES_PATH}cart_icon.png?design=sport') no-repeat center center;
height: 30px;
width: 30px;
padding: 5px;
}
После чего в том же шаблоне найдите, пожалуйста, следующий код:
#search input[type="submit"] {
outline: none;
padding: 0!important;
margin: 0;
border: none;
position: absolute;
z-index: 99999;
cursor: pointer;
top: 0;
width: 21px;
height: 40px;
background-image: url('{ASSETS_IMAGES_PATH}arrow1.png?design=sport');
background-position: 1px 1px;
background-repeat: no-repeat;
background-color: #ff0000;
position: absolute;
right: -20px;
text-indent: -2000px-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
}
И замените его этим вот кодом:
#search input[type="submit"] {
outline: none;
padding: 0!important;
margin: 0;
border: none;
position: absolute;
z-index: 99999;
cursor: pointer;
top: 0;
width: 21px;
height: 40px;
background-image: url('{ASSETS_IMAGES_PATH}arrow1.png?design=sport');
background-position: 1px 1px;
background-repeat: no-repeat;
background-color: #9acd32;
position: absolute;
right: -20px;
text-indent: -2000px-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
}
Теперь в том же шаблоне найдите, пожалуйста,данный код:
.infoBoxContents .jcarousel-control-next {
background: #d11717 url('{ASSETS_IMAGES_PATH}down_arrow.png?design=sport') no-repeat center center;
top: -21px;
}
И замените его вот этим кодом:
.infoBoxContents .jcarousel-control-next {
background: #9acd32 url('{ASSETS_IMAGES_PATH}down_arrow.png?design=sport') no-repeat center center;
top: -21px;
}
Далее в том же шаблоне найдите, пожалуйста, следующий код:
.infoBoxContents .jcarousel-control-prev {
background: #d11717 url('{ASSETS_IMAGES_PATH}up_arrow.png?design=sport') no-repeat center center;
top: -41px;
}
И замените его этим кодом:
.infoBoxContents .jcarousel-control-prev {
background: #9acd32 url('{ASSETS_IMAGES_PATH}up_arrow.png?design=sport') no-repeat center center;
top: -41px;
}
После чего в том же шаблоне найдите, пожалуйста, данный код:
.jcarousel-control-next {
background: #d11717 url('{ASSETS_IMAGES_PATH}nav.png?design=sport') no-repeat -30px 3px;
}
И замените его вот этим вот кодом:
.jcarousel-control-next {
background: #9acd32 url('{ASSETS_IMAGES_PATH}nav.png?design=sport') no-repeat -30px 3px;
}
Далее там же найдите, пожалуйста, следующий код:
.jcarousel-control-prev {
background: #d11717 url('{ASSETS_IMAGES_PATH}nav.png?design=sport') no-repeat 1px 3px;
}
И замените его вот этим кодом:
.jcarousel-control-prev {
background: #9acd32 url('{ASSETS_IMAGES_PATH}nav.png?design=sport') no-repeat 1px 3px;
}