Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Кнопка купить в карточке товара


Ele34

Recommended Posts

Привет всем.

Кнопка в карточке товара КУПИТЬ при нажатии и при появлением на ней надписи загрузка (товар отправляется в корзину) подсвечивает снизу синим. CSs-ы облазил не могу найти. Где ковырять?

OC 2.3.0.2

Надіслати
Поділитися на інших сайтах


32 минуты назад, Ele34 сказал:

Привет всем.

Кнопка в карточке товара КУПИТЬ при нажатии и при появлением на ней надписи загрузка (товар отправляется в корзину) подсвечивает снизу синим. CSs-ы облазил не могу найти. Где ковырять?

OC 2.3.0.2

Это стили бутстрапа. Смотрите в стилях :hover :focus :active

http://joxi.ru/12MjaW1sl00KRA

Змінено користувачем Dalagar
Надіслати
Поділитися на інших сайтах

34 минуты назад, anboza сказал:

нет конечно!!

править нужно в файле:

catalog/view/theme/ваша тема/stylesheet/stylesheet.css

 

 

везде убрал упоминание синего, а он все равно остался на кнопке

https://ibb.co/Cw4QS8g

Змінено користувачем Ele34
Надіслати
Поділитися на інших сайтах


Приветствую!

Наверно, не так поняли вас.

@Ele34 нужный вам класс .btn-primary.disabled в файле bootstrap.min.css

В строке 2732

Спойлер

1207587322_.thumb.jpg.70284ca03c3f67e340825d325a801778.jpg

 

 

Можете в stylesheet.css в строке 436

Спойлер

839374133_.thumb.jpg.548924c341b649fdda8039781f9a9313.jpg

 

К


background-color: #5D2906

Добавить !important


background-color: #5D2906 !important;

и туда же


border-color:#5D2906 !important;

получим

85964992_.thumb.jpg.ad1140f4bb29fde0187a55dacca94795.jpg

 

Змінено користувачем Torvael
Надіслати
Поділитися на інших сайтах


Там все немного сложнее

допишИте в инспекторе кода класс disabled

<button type="button" id="button-cart" data-loading-text="Загрузка..." class="btn btn-primary btn-lg btn-block disabled">Купить</button>

А потом добавьте состояние: HOVER

И все увидите...

Спойлер
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
  1. background-color: #337ab7;
  2. border-color: #2e6da4; }

 

Змінено користувачем jaffagold
  • +1 1
Надіслати
Поділитися на інших сайтах


14 часов назад, Torvael сказал:

Приветствую!

Наверно, не так поняли вас.

@Ele34 нужный вам класс .btn-primary.disabled в файле bootstrap.min.css

В строке 2732

  Скрыть контент

1207587322_.thumb.jpg.70284ca03c3f67e340825d325a801778.jpg

 

 

Можете в stylesheet.css в строке 436

  Показать контент

839374133_.thumb.jpg.548924c341b649fdda8039781f9a9313.jpg

 

К



background-color: #5D2906

Добавить !important



background-color: #5D2906 !important;

и туда же



border-color:#5D2906 !important;

получим

85964992_.thumb.jpg.ad1140f4bb29fde0187a55dacca94795.jpg

 

Благодарю всех, а особенно  @Torvael Помогло. 

Мазила почему то не подсвечивала все стили бутстрапа.

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.