Перейти к содержимому


Срочно! Помогите Изменить Цвета И Размер Слайда!

изменение цвета помощь размер слайда

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 5

#1 jonik_plov

jonik_plov

    Пользователь

  • Пользователи
  • PipPip
  • 21 сообщений

Отправлено 05 Август 2018 - 13:26

Здравствуйте !
Помогите пожалуйста.

1) Увеличить размер слайда в длину,чтобы он соответствовал размеру блока (на главной)  , изменить цвет блоков (на главной,новинки ,хиты продаж) на оранжевый ,цвет текста сделать черным и чтобы он те выделялся при наведении курсора.

2) Изменить цвет верхней полоски на оранжевый ,изменить цвет верхнего меню при наведении на оранжевый.

3) Каталог и рамку сделать оранжевой текст ( каталог) сделать черным, текст в каталоге при наведении должен становиться оранжевый , с блоком высмотрели сделать тоже самой.

4) Изменить цвет корзины и цвет кнопки поиск на оранжевый, при наведении курсора на карточку товара цвет с серого должен меняться на оранжевый.

5) Изменить цвет блока с серого на оранжевый текст (мы рада видеть вас!) сделать черным.

6) Изменить цвет фона подвала на оранжевый .

7) Изменить цвет текста (меню.личный каб,контакты ,обратный звонок) на черный , точки и значки сделать темно серыми.

Прикрепленные изображения

  • Desktop 05-08-2018 12-37-59-122.jpg
  • Desktop 05-08-2018 12-38-19-959.jpg
  • Desktop 05-08-2018 12-38-41-539.jpg


#2 jonik_plov

jonik_plov

    Пользователь

  • Пользователи
  • PipPip
  • 21 сообщений

Отправлено 07 Август 2018 - 12:41

Помогите пожалуйста !!! срочно!

И еще уберите значки внизу

Прикрепленные изображения

  • Desktop 07-08-2018 14-19-37-370.jpg


#3 metry

metry

    Активный участник

  • Модераторы
  • 585 сообщений

Отправлено 07 Август 2018 - 17:13

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:
#slideshow {margin: 0 0;position: relative;border: 1px solid #0083CA;}

замените на:

#slideshow { margin: 0 -15px;position: relative;border: 1px solid #0083CA;}




далее зайдите в Редактор шаблонов-->main.css и найдите:

#producttabs .pdt-nav {display: block;margin-bottom: 20px;background-color: #333744;float: left;width: 100%;text-align: center;}
- в найденном коде для background-color задайте свой код цвета. (цвет полоски Хиты продаж итд)

далее найдите:
#producttabs .pdt-nav li span {display: inline-block;position: relative;font-size: 18px;padding: 0px 15px;text-transform: uppercase;color: #ffffff;background-color: #333744;height: 46px;line-height: 40px;width: 100%;}
- в найденном коде для background-color задайте свой код цвета. (цвет полоски Хиты продаж итд)

далее найдите:

#footer-top, #footer-middle, #footer-bottom {background: #1e212a;clear: both;}

- в найденном коде для background задайте свой код цвета. (цвет фона подвала)

далее найдите:

#footer-middle .footer-title h4 {text-transform: none;display: inline;color: #09afe7;position: relative;}
#footer-middle .footer-title h4:after {width: 38px;border-bottom: 2px solid #09afe7;content: "";position: absolute;bottom: -5px;left: 0;}
#footer-middle .footer-content {clear: both;margin-bottom: 20px;}
#footer-middle .footer-content ul {margin: 0 0 0 18px;padding: 0;}
#footer-middle .footer-content ul li {list-style: initial;color: #09afe7;}
#footer-middle .footer-content ul li a {position: relative;color: #b8b8b8;padding: 7px 0;z-index: 10;display: block;}
#footer-middle .footer-content ul li:hover a {color: #09afe7;}
#footer-middle .footer-contact p:first-child {margin-top: 7px;}
#footer-middle .footer-contact .fa {font-size: 16px;color: #09afe7;margin-right: 4px;width: 20px;}
#footer-middle .footer-contact .ft-content a, #footer-middle .footer-contact .ft-content {color: #fff;text-transform: uppercase;}
#footer-middle .footer-contact .ft-content a:hover {color: #09afe7;}
#footer-middle .footer-content .link-follow {overflow: hidden;width: 210px;margin: 20px auto;}
#footer-middle .footer-content .link-follow li {float: left;margin-left: 2px;border-right: 1px solid #333744;padding-right: 15px;margin-right: 15px;list-style: none;}
#footer-middle .footer-content .link-follow li:first-child {margin-left: 0;}
#footer-middle .footer-content .link-follow li:last-child {border-right: 0;padding-right: 0;margin-right: 0;}
#footer-middle .footer-content .link-follow li a {position: relative;display: block;text-align: center;font-size: 16px;color: #fff;line-height: 35px;}
#footer-middle .footer-content .link-follow li a:hover {color: #09afe7;}
#footer-middle .footer-content .link-follow li a span {display: none;}
#footer-middle .footer-content .callbackForm {margin-top: 5px;}
#footer-middle .footer-content .callbackForm input {margin-bottom: 10px;}
#footer-middle .footer-content .callbackForm .pp {color: #fff;font-size: 80%;margin-bottom: 10px;}
#footer-middle .footer-content .callbackForm .pp a {color: #fff;text-decoration: underline;}
#footer-bottom {border-top: 1px solid #333744;}
#footer-bottom .container {padding: 20px;}
#footer-bottom .footer p {margin:0 0 5px 0;color: #8a8a8a;font-size: 14px;float: left;text-transform: uppercase;font-style: normal;line-height: 25px;clear: both;}
#footer-bottom .footer p a {color: #09afe7;}

замените на:
#footer-middle .footer-title h4 {text-transform: none;display: inline;color: #000;position: relative;}
#footer-middle .footer-title h4:after {width: 38px;border-bottom: 2px solid #000;content: "";position: absolute;bottom: -5px;left: 0;}
#footer-middle .footer-content {clear: both;margin-bottom: 20px;}
#footer-middle .footer-content ul {margin: 0 0 0 18px;padding: 0;}
#footer-middle .footer-content ul li {list-style: initial;color: #000;}
#footer-middle .footer-content ul li a {position: relative;color: #b8b8b8;padding: 7px 0;z-index: 10;display: block;}
#footer-middle .footer-content ul li:hover a {color: #000;}
#footer-middle .footer-contact p:first-child {margin-top: 7px;}
#footer-middle .footer-contact .fa {font-size: 16px;color: #000;margin-right: 4px;width: 20px;}
#footer-middle .footer-contact .ft-content a, #footer-middle .footer-contact .ft-content {color: #fff;text-transform: uppercase;}
#footer-middle .footer-contact .ft-content a:hover {color: #000;}
#footer-middle .footer-content .link-follow {overflow: hidden;width: 210px;margin: 20px auto;}
#footer-middle .footer-content .link-follow li {float: left;margin-left: 2px;border-right: 1px solid #333744;padding-right: 15px;margin-right: 15px;list-style: none;}
#footer-middle .footer-content .link-follow li:first-child {margin-left: 0;}
#footer-middle .footer-content .link-follow li:last-child {border-right: 0;padding-right: 0;margin-right: 0;}
#footer-middle .footer-content .link-follow li a {position: relative;display: block;text-align: center;font-size: 16px;color: #fff;line-height: 35px;}
#footer-middle .footer-content .link-follow li a:hover {color: #000;}
#footer-middle .footer-content .link-follow li a span {display: none;}
#footer-middle .footer-content .callbackForm {margin-top: 5px;}
#footer-middle .footer-content .callbackForm input {margin-bottom: 10px;}
#footer-middle .footer-content .callbackForm .pp {color: #fff;font-size: 80%;margin-bottom: 10px;}
#footer-middle .footer-content .callbackForm .pp a {color: #fff;text-decoration: underline;}
#footer-bottom {border-top: 1px solid #333744;}
#footer-bottom .container {padding: 20px;}
#footer-bottom .footer p {margin:0 0 5px 0;color: #8a8a8a;font-size: 14px;float: left;text-transform: uppercase;font-style: normal;line-height: 25px;clear: both;}
#footer-bottom .footer p a {color: #000;}


далее в main.css найдите код цвета #09AFE7 и замените на свой код цвета нажав кнопку All. Код цвета можно подобрать здесь. См.  картинку во вложении.

так же зайдите в Редактор Шаблонов-->HTML и найдите:
			 <ul class="link-follow">
			 <li><a class="facebook fa fa-facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span>facebook</span></a></li>
			 <li><a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><span>odnoklassniki</span></a></li>
			 <li><a class="vk fa fa-vk" href="https://vk.com/ds_24_166676254" title="VK.com" target="_blank"><span>vk</span></a></li>
			 <li><a class="youtube fa fa-instagram" href="https://www.instagram.com/dreamstore_24/" title="Instagram.com" target="_blank"><span>youtube</span></a></li>
			 </ul>

замените на:
			 <!--<ul class="link-follow">-->
			 <!-- <li><a class="facebook fa fa-facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span>facebook</span></a></li>-->
			 <!-- <li><a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><span>odnoklassniki</span></a></li>-->
			 <!-- <li><a class="vk fa fa-vk" href="https://vk.com/ds_24_166676254" title="VK.com" target="_blank"><span>vk</span></a></li>-->
			 <!-- <li><a class="youtube fa fa-instagram" href="https://www.instagram.com/dreamstore_24/" title="Instagram.com" target="_blank"><span>youtube</span></a></li>-->
			 <!--</ul>-->

Прикрепленные изображения

  • 1.jpg


#4 jonik_plov

jonik_plov

    Пользователь

  • Пользователи
  • PipPip
  • 21 сообщений

Отправлено 08 Август 2018 - 15:33

Все отлично ,  еще кое-что , сделайте пожалуйста.

Переместите корзину под номер телефона

Прикрепленные изображения

  • Desktop 08-08-2018 15-11-54-950.jpg


#5 metry

metry

    Активный участник

  • Модераторы
  • 585 сообщений

Отправлено 08 Август 2018 - 18:54

Добрый день. Отображение Вам подправили. Пожалуйста, проверьте.

Прикрепленные изображения

  • 1.jpg


#6 jonik_plov

jonik_plov

    Пользователь

  • Пользователи
  • PipPip
  • 21 сообщений

Отправлено 08 Август 2018 - 19:25

Просмотр сообщенияmetry (08 Август 2018 - 18:54) писал:

Добрый день. Отображение Вам подправили. Пожалуйста, проверьте.

Спасибо Вам огромное ,очень оперативно работаете ;)





Темы с аналогичным тегами изменение цвета, помощь, размер слайда

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных