Добрый день!
Помогите, пожалуйста,
1. Изменить цвет фона с черного на серый.
2. Активные Кнопки сделать салатовым цветом вместо бирюзового.
3. Сама уже пыталась редактировать, удалила логотип слева, помогите его вернуть)
4. Нижние активные страницы (квадраты) - доставка, прием заказов и гарантия возврата можно отправить наверх в шапку
5. В шапке справа указать телефон , а на второй строке вход в личный кабинет, корзину.
Спасибо!
0
Нужна Помощь В Редактировании Дизайна
Автор irinach, 30 янв. 2018 13:56
Сообщений в теме: 3
#1
Отправлено 30 Январь 2018 - 13:56
#2
Отправлено 30 Январь 2018 - 14:53
irinach (30 Январь 2018 - 13:56) писал:
Добрый день!
Помогите, пожалуйста,
1. Изменить цвет фона с черного на серый.
2. Активные Кнопки сделать салатовым цветом вместо бирюзового.
3. Сама уже пыталась редактировать, удалила логотип слева, помогите его вернуть)
4. Нижние активные страницы (квадраты) - доставка, прием заказов и гарантия возврата можно отправить наверх в шапку
5. В шапке справа указать телефон , а на второй строке вход в личный кабинет, корзину.
Спасибо!
Помогите, пожалуйста,
1. Изменить цвет фона с черного на серый.
2. Активные Кнопки сделать салатовым цветом вместо бирюзового.
3. Сама уже пыталась редактировать, удалила логотип слева, помогите его вернуть)
4. Нижние активные страницы (квадраты) - доставка, прием заказов и гарантия возврата можно отправить наверх в шапку
5. В шапке справа указать телефон , а на второй строке вход в личный кабинет, корзину.
Спасибо!
Здравствуйте.
Если я Вас правильно понимаю, то в данном случае Вам необходимо в шаблоне main.css найти следующий код:
.header-top .container { position: fixed; width: 100%; background: #272727; z-index: 2; }
И заменить его вот этим кодом:
.header-top .container { position: fixed; width: 100%; background: #f1f2f4; z-index: 2; }
Далее там же найдите, пожалуйста, следующий код:
#header { position: absolute; min-height: 100vh; background: #272727; left: 0; top: 0; padding: 0; width: 250px; z-index: 3; }
И замените его вот этим вот кодом:
#header { position: absolute; min-height: 100vh; background: #272727; left: 0; top: 0; padding: 0; width: 250px; z-index: 3; }
После чего там же найдите, пожалуйста, ещё код:
.header-bottom { display: inline-block; position: absolute; background: #272727; width: 100%; bottom: 0; left: 0; padding: 20px 10px; vertical-align: middle; }
И замените его этим кодом:
.header-bottom { display: inline-block; position: absolute; background: #f1f2f4; width: 100%; bottom: 0; left: 0; padding: 20px 10px; vertical-align: middle; }
И теперь всё там же найдите, пожалуйста, следующий код:
#footer { color: #808080; border-color: #343434; background-color: #272727; border-left: 1px solid #343434; }
И замените его этим вот кодом:
#footer { color: #808080; border-color: #808080; background-color: #f1f2f4; border-left: #808080; }
#3
Отправлено 31 Январь 2018 - 11:23
У меня ничего не изменилось.(
#4
Отправлено 07 Февраль 2018 - 10:51
irinach (31 Январь 2018 - 11:23) писал:
У меня ничего не изменилось.(
Здравствуйте.
В данном случае на Вашем сайте изменения в силе.
Если же у Вас не видны полученные изменения, то в таком случае мы настоятельно советуем Вам очистить кэш вашего интернет-браузера ( с помощью сочетания клавиш Ctrl + F5 ) или открыть Ваш сайт в режиме инкогнито, чтобы увидеть полученные изменения.
Так же Вам необходимо в шаблоне main.css найти следующий код:
#header { position: absolute; min-height: 100vh; background: #272727; left: 0; top: 0; padding: 0; width: 250px; z-index: 3; }
И заменить его вот этим кодом:
#header { position: absolute; min-height: 100vh; background: #f1f2f4; left: 0; top: 0; padding: 0; width: 250px; z-index: 3; }
После чего там же найдите, пожалуйста, данный код:
.form-search #search_mini_form .search-string { height: 40px; width: 100%; background-color: #1B1B1B; padding: 10px 15px; margin: 0; color: #fff; font-family: Arial; font-size: 13px; line-height: 20px; border: 0; border-bottom: 1px solid #343434; }
И замените его этим кодом:
.form-search #search_mini_form .search-string { height: 40px; width: 100%; background-color: #f1f2f4; padding: 10px 15px; margin: 0; color: #fff; font-family: Arial; font-size: 13px; line-height: 20px; border: 0; border-bottom: 1px solid #343434; }
Теперь там же найдите, пожалуйста, следующий код:
.info-list .info-item a { display: block; background-color: #272727; color: #ffffff; padding: 30px 20px 10px; margin-bottom: 30px; }
И замените его вот этим кодом:
.info-list .info-item a { display: block; background-color: #f1f2f4; color: #343434; padding: 30px 20px 10px; margin-bottom: 30px; }
И там же далее найдите, пожалуйста, данный код:
.footer-middle .callback .callbackForm .callback-input { display: block; float: left; width: 100%; padding: 10px 15px 10px 40px; margin-bottom: 10px; text-align: center; color: #434343; border-color: #343434; background-color: #343434; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
И замените его этим вот кодом:
.footer-middle .callback .callbackForm .callback-input { display: block; float: left; width: 100%; padding: 10px 15px 10px 40px; margin-bottom: 10px; text-align: center; color: #434343; border-color: #343434; background-color: #f1f2f4; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных