Информация в этой теме может быть устаревшей
Ищите актуальные инструкции в Базе Знаний или свяжитесь с командой Эквида.
Closed Thread
 
Thread Tools Display Modes
  #1  
Old 08-31-2016, 12:26 PM
Sergey Wagner's Avatar
Sergey Wagner is offline
Junior Member
 
Join Date: Aug 2016
Posts: 2
Default

Изменение цвета в разделе Корзина


Добрый день! Подскажите пожалуйста как можно изменить цвет:
-Треугольника с замочком
И как поменять цвет у точки и подчеркивающей линии (в этапах оформления заказа)?
Картинка прилагается
[IMG]https://pp.vk.me/c626720/v626720026/ce00/2KVgTb5QkUA.jpg[/IMG]
  #2  
Old 09-02-2016, 10:44 AM
Panovich's Avatar
Panovich Panovich is offline
Ecwid Team
 
Join Date: Apr 2015
Posts: 761
Default

[QUOTE=Sergey Wagner;149376]Добрый день! Подскажите пожалуйста как можно изменить цвет:
-Треугольника с замочком
И как поменять цвет у точки и подчеркивающей линии (в этапах оформления заказа)?
Картинка прилагается
[IMG]https://pp.vk.me/c626720/v626720026/ce00/2KVgTb5QkUA.jpg[/IMG][/QUOTE]
Здравствуйте,

Изменить цвет треугольника с замочком можно с помощью такого CSS правила:

[code]div.ecwid-AddressForm-secureLockIcon {
background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cpath d='M42 0v42H0L42 0z' fill='%23COLOR'/%3E%3Cpath d='M36.14 30.074v6.215c0 .286-.105.535-.322.74-.21.198-.466.3-.775.3H24.097c-.302 0-.565-.102-.775-.307-.217-.204-.322-.447-.322-.734v-6.216c0-.288.105-.537.322-.74.21-.206.466-.308.775-.308h.362V26.88c0-1.335.498-2.485 1.503-3.443C26.968 22.48 28.17 22 29.57 22c1.4 0 2.602.48 3.607 1.437 1.005.958 1.504 2.108 1.504 3.443v2.146h.363c.302 0 .565.102.775.307.217.204.322.447.322.74zm-9.487-1.048h5.84V26.88c0-.766-.288-1.424-.853-1.974-.58-.543-1.262-.817-2.07-.817-.808 0-1.49.273-2.063.816-.572.543-.854 1.2-.854 1.974v2.146z' fill='%23COLOR2'/%3E%3C/svg%3E") no-repeat;
width: 42px;
height: 42px;
}[/code]

В этом правиле вместо COLOR подставьте код цвета для треугольника, а вместо COLOR2 - код цвета для замочка.

ВАЖНО! Код цвета должен быть в формате hex-color.
Как узнать код цвета в этом формате?
Например, здесь - [url]http://www.color-hex.com/[/url]
Скринкаст: [url]http://take.ms/6leye[/url]
Скопируйте код цвета и вставьте его в правило, без решётки.

Например, правило

[code]div.ecwid-AddressForm-secureLockIcon {
background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cpath d='M42 0v42H0L42 0z' fill='%23f20c0c'/%3E%3Cpath d='M36.14 30.074v6.215c0 .286-.105.535-.322.74-.21.198-.466.3-.775.3H24.097c-.302 0-.565-.102-.775-.307-.217-.204-.322-.447-.322-.734v-6.216c0-.288.105-.537.322-.74.21-.206.466-.308.775-.308h.362V26.88c0-1.335.498-2.485 1.503-3.443C26.968 22.48 28.17 22 29.57 22c1.4 0 2.602.48 3.607 1.437 1.005.958 1.504 2.108 1.504 3.443v2.146h.363c.302 0 .565.102.775.307.217.204.322.447.322.74zm-9.487-1.048h5.84V26.88c0-.766-.288-1.424-.853-1.974-.58-.543-1.262-.817-2.07-.817-.808 0-1.49.273-2.063.816-.572.543-.854 1.2-.854 1.974v2.146z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat;
width: 42px;
height: 42px;
}[/code]

окрасит треугольник в красный, а замочек в белый цвет.

Для точки правило будет такое:

[code]

div.ecwid-Checkout-BreadCrumbs-point-current::after {
background-color: COLOR !important;
}[/code]

А для нижней подчёркивающей линии - такое:

[code]div.ecwid-Checkout-BreadCrumbs-link-current {
border-bottom: 3px solid COLOR;
}[/code]

В обоих правилах вместо COLOR подставьте название или код нужного цвета.

Правила добавляйте одно за другим в панели управления Эквида - Настройки - Дизайн, в активную CSS тему. Не забудьте сохранить изменения.
__________________
Всем добра!
Анна Панова

Команда заботы о пользователях Эквида

Читайте наш блог на русском языке, там много полезной информации!
База знаний.
The Following User Says Thank You to Panovich For This Useful Post:
Sergey Wagner (09-06-2016)
  #3  
Old 09-06-2016, 09:27 AM
Sergey Wagner's Avatar
Sergey Wagner Sergey Wagner is offline
Junior Member
 
Join Date: Aug 2016
Posts: 2
Default

[QUOTE=Panovich;149425]Здравствуйте,

Изменить цвет треугольника с замочком можно с помощью такого CSS правила:

[code]div.ecwid-AddressForm-secureLockIcon {
background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cpath d='M42 0v42H0L42 0z' fill='%23COLOR'/%3E%3Cpath d='M36.14 30.074v6.215c0 .286-.105.535-.322.74-.21.198-.466.3-.775.3H24.097c-.302 0-.565-.102-.775-.307-.217-.204-.322-.447-.322-.734v-6.216c0-.288.105-.537.322-.74.21-.206.466-.308.775-.308h.362V26.88c0-1.335.498-2.485 1.503-3.443C26.968 22.48 28.17 22 29.57 22c1.4 0 2.602.48 3.607 1.437 1.005.958 1.504 2.108 1.504 3.443v2.146h.363c.302 0 .565.102.775.307.217.204.322.447.322.74zm-9.487-1.048h5.84V26.88c0-.766-.288-1.424-.853-1.974-.58-.543-1.262-.817-2.07-.817-.808 0-1.49.273-2.063.816-.572.543-.854 1.2-.854 1.974v2.146z' fill='%23COLOR2'/%3E%3C/svg%3E") no-repeat;
width: 42px;
height: 42px;
}[/code]

В этом правиле вместо COLOR подставьте код цвета для треугольника, а вместо COLOR2 - код цвета для замочка.

ВАЖНО! Код цвета должен быть в формате hex-color.
Как узнать код цвета в этом формате?
Например, здесь - [url]http://www.color-hex.com/[/url]
Скринкаст: [url]http://take.ms/6leye[/url]
Скопируйте код цвета и вставьте его в правило, без решётки.

Например, правило

[code]div.ecwid-AddressForm-secureLockIcon {
background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cpath d='M42 0v42H0L42 0z' fill='%23f20c0c'/%3E%3Cpath d='M36.14 30.074v6.215c0 .286-.105.535-.322.74-.21.198-.466.3-.775.3H24.097c-.302 0-.565-.102-.775-.307-.217-.204-.322-.447-.322-.734v-6.216c0-.288.105-.537.322-.74.21-.206.466-.308.775-.308h.362V26.88c0-1.335.498-2.485 1.503-3.443C26.968 22.48 28.17 22 29.57 22c1.4 0 2.602.48 3.607 1.437 1.005.958 1.504 2.108 1.504 3.443v2.146h.363c.302 0 .565.102.775.307.217.204.322.447.322.74zm-9.487-1.048h5.84V26.88c0-.766-.288-1.424-.853-1.974-.58-.543-1.262-.817-2.07-.817-.808 0-1.49.273-2.063.816-.572.543-.854 1.2-.854 1.974v2.146z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat;
width: 42px;
height: 42px;
}[/code]

окрасит треугольник в красный, а замочек в белый цвет.

Для точки правило будет такое:

[code]

div.ecwid-Checkout-BreadCrumbs-point-current::after {
background-color: COLOR !important;
}[/code]

А для нижней подчёркивающей линии - такое:

[code]div.ecwid-Checkout-BreadCrumbs-link-current {
border-bottom: 3px solid COLOR;
}[/code]

В обоих правилах вместо COLOR подставьте название или код нужного цвета.

Правила добавляйте одно за другим в панели управления Эквида - Настройки - Дизайн, в активную CSS тему. Не забудьте сохранить изменения.[/QUOTE]

Огромное Вам спасибо! Вы просто супер! :)
Closed Thread
Информация в этой теме может быть устаревшей
Ищите актуальные инструкции в Базе Знаний или свяжитесь с командой Эквида.

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is Off
Smilies are Off
[IMG] code is Off
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:13 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.