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


Изменить Обводку Значков


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

#1 Shelena

Shelena

    Новичок

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

Отправлено 26 Ноябрь 2020 - 14:37

Здраствуйте, аккаунт SL-505080

Необходимо поменять:

1. обводку значков в верху сайта (меню, контакты и корзина)
2. цвет кнопок на слайдах при наведении курсора
3. цвет кнопки "заказать звонок"
4. обводку значков меню и каталог в подвале сайта
5. рамку в подвале

Где это можно сделать? Куда вписывать код нужного цвета?

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

  • сайт1.png
  • сайт.png


#2 Vaccina

Vaccina

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

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

Отправлено 27 Ноябрь 2020 - 04:27

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.header-middle .info-col.catalog{cursor:pointer;background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 4c8.8 0 16 7.2 16 16s-7.2 16-16 16S4 28.8 4 20 11.2 4 20 4m0-4C9 0 0 9 0 20s9 20 20 20 20-9 20-20S31 0 20 0z' fill='%23ffcde0'/%3E%3Cpath d='M29.4 14.6c0 .1 0 .1-.1.2-.2.5-.7.9-1.2 1h-16c-.5 0-1-.2-1.2-.7-.1-.2-.1-.3-.2-.5v-.4c.1-.6.4-.9 1-1.1h16.6c.5.1 1 .4 1.1 1v.5zm-18.8 5.2v-.2c.2-.6.7-1 1.3-1h11c.6.1 1.1.7 1 1.4 0 .6-.5 1.2-1.1 1.3H11.9c-.8 0-1.3-.5-1.4-1.1.1-.1.1-.3.1-.4zm0 5.6c0-.1 0-.1.1-.2.2-.6.7-.9 1.2-1h6.7c.5 0 .9.2 1.2.7a1.32 1.32 0 0 1-1 2h-7.1c-.5-.1-1-.4-1.1-1 0-.1 0-.1-.1-.2.1-.1.1-.2.1-.3z'/%3E%3C/svg%3E");}
.header-middle .info-col.telephone,.header-middle .info-col.contacts-lowres{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 4c8.8 0 16 7.2 16 16s-7.2 16-16 16S4 28.8 4 20 11.2 4 20 4m0-4C9 0 0 9 0 20s9 20 20 20 20-9 20-20S31 0 20 0z' fill='%23ffcde0'/%3E%3Cpath d='M28.9 24.9c-.1-.2-.4-.4-1-.7-.2-.1-.4-.2-.7-.4s-.6-.3-.8-.4-.5-.3-.7-.4c0 0-.1-.1-.3-.2s-.3-.2-.4-.3-.2-.1-.4-.1-.4.1-.6.4c-.3.2-.5.5-.7.8s-.4.5-.7.8c-.2.2-.4.4-.6.4-.1 0-.2 0-.3-.1-.1 0-.2-.1-.3-.1s-.2-.1-.3-.2-.1-.2-.1-.2c-1.2-.6-2.1-1.4-3-2.2-.8-.8-1.6-1.8-2.2-3 0 0-.1-.1-.1-.2-.1-.1-.1-.2-.2-.3 0-.1-.1-.1-.1-.3 0-.1-.1-.2-.1-.3 0-.2.1-.3.4-.6.2-.2.5-.5.8-.7s.5-.4.8-.7c.2-.3.4-.5.4-.6s0-.2-.1-.4c-.1-.1-.1-.3-.3-.4-.1-.2-.2-.3-.2-.3-.1-.2-.3-.4-.4-.7-.1-.2-.3-.5-.4-.8-.2-.3-.3-.5-.4-.7-.3-.6-.5-.9-.7-1h-.3c-.2 0-.5 0-.9.1s-.7.2-.9.3c-.4.2-.9.7-1.3 1.5s-.6 1.6-.6 2.4v.7c0 .2.1.5.2.7.1.3.1.5.2.6 0 .1.1.4.3.7.1.3.2.5.2.6.3.8.6 1.6 1.1 2.2.7 1.1 1.6 2.2 2.7 3.3 1.2 1.2 2.3 2.1 3.3 2.7.7.4 1.4.8 2.2 1.1.1 0 .3.1.6.2s.6.2.7.3c.1 0 .3.1.6.2s.5.1.7.2h.7c.8 0 1.6-.2 2.4-.6.9-.5 1.4-.9 1.5-1.3.1-.2.2-.5.3-.9s.1-.7.1-.9c-.1-.1-.1-.1-.1-.2z'/%3E%3C/svg%3E");  }
.header-middle .info-col.email{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 4c8.8 0 16 7.2 16 16s-7.2 16-16 16S4 28.8 4 20 11.2 4 20 4m0-4C9 0 0 9 0 20s9 20 20 20 20-9 20-20S31 0 20 0z' fill='%23ffcde0'/%3E%3Cpath d='M28.8 24.4c0 .4-.1.7-.3 1.1L23 19.2l5.5-4.8c.2.3.3.7.3 1.2v8.8zm-8.8-4l7.7-6.7c-.3-.2-.7-.3-1.1-.3H13.4c-.4 0-.7.1-1.1.3l7.7 6.7zm2.1-.4l-1.8 1.6c-.1.1-.2.1-.4.1-.1 0-.3 0-.4-.1L17.9 20l-5.6 6.3c.3.2.7.3 1.2.3h13.3c.4 0 .8-.1 1.2-.3L22.1 20zm-10.6-5.6c-.2.3-.3.7-.3 1.2v8.8c0 .4.1.7.3 1.1l5.6-6.2-5.6-4.9z'/%3E%3C/svg%3E");}
.header-middle .info-col.cart{height:auto;background-size:60px;min-height:60px;background-image: url("data:image/svg+xml,%3Csvg  xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Ctitle%3E12%3C/title%3E%3Ccircle cx='30' cy='30' r='27' style='fill: %23fff;stroke: %23ffcde0;stroke-miterlimit: 10;stroke-width: 6px'/%3E%3Cpath d='M39.86,35.77a5.49,5.49,0,0,0,2-2.8L45.5,22.1H21.91l-.26-2.89a4.08,4.08,0,0,0-1.31-2.64A4,4,0,0,0,17.6,15.5H14.5v2.42h3.1a1.64,1.64,0,0,1,1.64,1.51l1.89,21h0a4.06,4.06,0,0,0,3.36,3.61,3.57,3.57,0,0,0,6.74.08h2.84a3.57,3.57,0,1,0,0-2.42H31.23a3.57,3.57,0,0,0-6.66-.14,1.62,1.62,0,0,1-1-1.36l-.3-3.35H36.58A5.42,5.42,0,0,0,39.86,35.77Zm-2.43,6a1.15,1.15,0,0,1,0,2.3,1.15,1.15,0,0,1,0-2.3Zm-9.56,0a1.15,1.15,0,1,1,0,2.3,1.15,1.15,0,0,1,0-2.3ZM23,34.45h0l-.89-9.93h20l-2.6,7.69v0a3.12,3.12,0,0,1-2.94,2.21Z' style='fill: %231c1c1c'/%3E%3C/svg%3E%0A");}

в нем замените все ffcde0 на необходимый цвет.

Далее найдите:
#slider .owl-prev:hover,#slider .owl-next:hover{background-color:#A64369;}

в нем замените #A64369

Далее найдите:
#footer .footer-catalog{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 4c8.8 0 16 7.2 16 16s-7.2 16-16 16S4 28.8 4 20 11.2 4 20 4m0-4C9 0 0 9 0 20s9 20 20 20 20-9 20-20S31 0 20 0z' fill='%23ffcde0'/%3E%3Cpath d='M27.7 16.4h-16c-.7 0-1.3-.6-1.3-1.3 0-.7.6-1.3 1.3-1.3h16c.7 0 1.3.6 1.3 1.3 0 .7-.6 1.3-1.3 1.3zM22.4 21.9H11.7c-.7 0-1.3-.6-1.3-1.3 0-.7.6-1.3 1.3-1.3h10.7c.7 0 1.3.6 1.3 1.3 0 .7-.6 1.3-1.3 1.3zM18.4 27.1h-6.8c-.7 0-1.3-.6-1.3-1.3 0-.7.6-1.3 1.3-1.3h6.8c.7 0 1.3.6 1.3 1.3.1.7-.5 1.3-1.3 1.3z'/%3E%3C/svg%3E");}
#footer .footer-menu{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 4c8.8 0 16 7.2 16 16s-7.2 16-16 16S4 28.8 4 20 11.2 4 20 4m0-4C9 0 0 9 0 20s9 20 20 20 20-9 20-20S31 0 20 0z' fill='%23ffcde0'/%3E%3Cpath d='M27.7 16.4h-16c-.7 0-1.3-.6-1.3-1.3 0-.7.6-1.3 1.3-1.3h16c.7 0 1.3.6 1.3 1.3 0 .7-.6 1.3-1.3 1.3zM27.7 21.9h-16c-.7 0-1.3-.6-1.3-1.3 0-.7.6-1.3 1.3-1.3h16c.7 0 1.3.6 1.3 1.3 0 .7-.6 1.3-1.3 1.3zM27.7 27.1h-16c-.7 0-1.3-.6-1.3-1.3 0-.7.6-1.3 1.3-1.3h16c.7 0 1.3.6 1.3 1.3 0 .7-.6 1.3-1.3 1.3z'/%3E%3C/svg%3E");}

в нем замените все ffcde0 на необходимый цвет.

Далее найдите:
.footer-top{border-top:5px solid #ffcde0;border-bottom:5px solid #ffcde0;padding:30px 0;}

в нем замените #ffcde0

Выбрать цвет и узнать его код можете тут: https://www.color-hex.com/

#3 Shelena

Shelena

    Новичок

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

Отправлено 28 Ноябрь 2020 - 11:18

Спасибо за помощь, все получилось!)))




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

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