Информация в этой теме может быть устаревшей
Ищите актуальные инструкции в Базе Знаний или свяжитесь с командой Эквида.
Closed Thread
 
Thread Tools Display Modes
  #1  
Old 03-12-2017, 11:53 AM
Влад Белов's Avatar
Влад Белов is offline
Junior Member
 
Join Date: Mar 2017
Posts: 1
Default

список правил css


Здравствуйте.
Нужно поменять:

1. цвет, размер и жирность цены
2. фон кнопки "купить"
3. цвет и жирность текста в кнопке "купить"
4. фон кнопки "в корзинуу"
5. цвет и жирность текста в кнопке "в корзину"

дайте соответствующие правила в css.
  #2  
Old 03-14-2017, 08:00 AM
Panovich's Avatar
Panovich Panovich is offline
Ecwid Team
 
Join Date: Apr 2015
Posts: 761
Default

[QUOTE=Влад Белов;153471]Здравствуйте.
Нужно поменять:

1. цвет, размер и жирность цены
2. фон кнопки "купить"
3. цвет и жирность текста в кнопке "купить"
4. фон кнопки "в корзинуу"
5. цвет и жирность текста в кнопке "в корзину"

дайте соответствующие правила в css.[/QUOTE]
Здравствуйте, Влад

Правила будут такие:

[code]/*цена товара*/

div.ecwid-productBrowser-price {
font-size: 20px; /*размер шрифта*/
color: red; /*цвет шрифта*/
font-weight: 800; /*толщина шрифта*/
}[/code]

Вместо 20 px укажите нужный размер шрифта, вместо red - название или html-код нужного цвета

[code]

/*кнопка купить*/

/*в обычном состоянии*/
button.ecwid-btn.ecwid-btn--primary.ecwid-btn--buyNow.ecwid-btn--actionOK {
color: #ffffff;
background: #E667AF;
font-weight: 800
}

/*кнопка в фокусе*/
button.ecwid-btn.ecwid-btn--primary.ecwid-btn--buyNow.ecwid-btn--actionOK:focus {
color: #ffffff;
background: #E667AF;
font-weight: 800
}

/*кнопка в фокусе и при наведении*/
button.ecwid-btn.ecwid-btn--primary.ecwid-btn--buyNow.ecwid-btn--actionOK:focus:hover {
color: #ffffff;
background: #E667AF;
font-weight: 800
}

/*кнопка при наведении*/
button.ecwid-btn.ecwid-btn--primary.ecwid-btn--buyNow.ecwid-btn--actionOK:hover {
color: #ffffff;
background: #E667AF;
font-weight: 800
}

/*кнопка при нажатии*/
button.ecwid-btn.ecwid-btn--primary.ecwid-btn--buyNow.ecwid-btn--actionOK:active {
color: #ffffff;
background: #E667AF;
font-weight: 800
}

/*кнопка при нажатии и в фокусе*/
button.ecwid-btn.ecwid-btn--primary.ecwid-btn--buyNow.ecwid-btn--actionOK:focus:active {
color: #ffffff;
background: #E667AF;
font-weight: 800
}


[/code]

Вместо #ffffff (цвет шрифта) укажите название или HTML-код нужного цвета.
Вместо #E667AF (цвет фона) также укажите название или HTML-код нужного цвета.

[code]

/*кнопка в корзину*/

/*в обычном состоянии*/
button.ecwid-btn.ecwid-btn--primary.ecwid-btn--addToBag {
color: #ffffff;
background: #E667AF;
font-weight: 800
}

/*кнопка в фокусе*/
button.ecwid-btn.ecwid-btn--primary.ecwid-btn--addToBag:focus {
color: #ffffff;
background: #E667AF;
font-weight: 800
}

/*кнопка в фокусе и при наведении*/
button.ecwid-btn.ecwid-btn--primary.ecwid-btn--addToBag:focus:hover {
color: #ffffff;
background: #E667AF;
font-weight: 800
}

/*кнопка при наведении*/
button.ecwid-btn.ecwid-btn--primary.ecwid-btn--addToBag:hover {
color: #ffffff;
background: #E667AF;
font-weight: 800
}

/*кнопка при нажатии*/
button.ecwid-btn.ecwid-btn--primary.ecwid-btn--addToBag:active {
color: #ffffff;
background: #E667AF;
font-weight: 800
}

/*кнопка при нажатии и в фокусе*/
button.ecwid-btn.ecwid-btn--primary.ecwid-btn--addToBag:focus:active {
color: #ffffff;
background: #E667AF;
font-weight: 800
}


[/code]

Вместо #ffffff (цвет шрифта) укажите название или HTML-код нужного цвета.
Вместо #E667AF (цвет фона) также укажите название или HTML-код нужного цвета.

Узнать больше о состояниях кнопки (в фокусе, в нажатом состоянии, при наведении) можно здесь - [url]http://htmlbook.ru/samcss/psevdoklassy[/url]
Узнать HTML-код цвета можно здесь: [url]https://colorscheme.ru/html-colors.html[/url]

Правила нужно скопировать и вставить в панели управления Эквида - Настройки - Дизайн, в самом конце активной CSS темы.
Если активна одна из стандартных CSS тем, нужно в в панели управления Эквида - Настройки - Дизайн нажать "Создать CSS тему", затем - "Новая CSS тема". Вставьте в поле скопированные правила, включите тему (её статус сменится на "Активная"), сохраните изменения.
__________________
Всем добра!
Анна Панова

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

Читайте наш блог на русском языке, там много полезной информации!
База знаний.
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:40 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.