Сайт или магазин под ключ от 3900 рублей или помощь по сайту от 500 рублей.
Подробнее

Дизайн #1041

1. Как изменить фон сайта?

Перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего необходимо найти:

#page-bg {
background: #9B321E url(/.s/t/1041/bg.jpg) center 0 no-repeat;
}

body.page-body {
background: #9B321E;
}

где, соответственно, происходит замена фона.

 

2.Как изменить шапку сайта?

Перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего необходимо найти:

#header {
background: #25312C url(/.s/t/1041/head.jpg) center 0 no-repeat;
height: 340px;
overflow: hidden;
}

где /.s/t/1041/head.jpg картинка заменяемой шапки.

3.Как изменить нижнюю часть сайта?

Перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего необходимо найти:

#footer {
background: #25312C url(/.s/t/1041/foot.jpg) center 0 no-repeat;
height: 110px;
margin: 0 0 50px;
font-size: 11px;
position: relative;
color: #A1A1A1;
}

#foot-img {
background: url(/.s/t/1041/foot.png);
width: 327px;
height: 141px;
position: absolute;
bottom: -4px;
left: 327px;
z-index: 2;
}

где /.s/t/1041/foot.jpg и /.s/t/1041/foot.png заменяемые картинки.

4.Как изменить логотип сайта при отображении через мобильные устройства?

Перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего необходимо найти:

 

Для @media only screen and (max-width: 767px)

#head-i {
border-top:9px solid #222;
background:#25312c url(/.s/t/1041/head-m.png) center 60px no-repeat;
padding:20px 0;
}

Для @media only screen and (min-width: 768px) and (max-width: 979px)

#head-i {
border-top:9px solid #222;
background:#25312c url(/.s/t/1041/head-m.png) center 60px no-repeat;
padding:20px 0;
}

где /.s/t/1041/head-m.png заменяемые картинки.

5.Как изменить шапку сайта при отображении через мобильные устройства?

Перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего необходимо найти:

Для @media only screen and (max-width: 767px)

#head-m {
display: block;
height: 400px;
background: url(/.s/t/1041/head-m.jpg);
background-size: cover;
}

Для @media only screen and (min-width: 768px) and (max-width: 979px)

#head-m {
display:block;
height:400px;
background:url(/.s/t/1041/head-m.jpg);
background-size:cover;
}

где /.s/t/1041/head-m.jpg заменяемые картинки.