Simple. цвет кнопочек

[FilinSEO]

Всем доброго дня.

Вчера установил модуль Симпл. Уже не первый, как бы...
Но не изменились цвета кнопочек. Остались по умолчанию. А сайт с зелеными кнопками и панелями.
Кто то подскажет, как изменить цвет синий на зеленый? Где и в каком файле искать.

Я не программист, поэтому камнями сиьно не кидать пожалуйста))
Всем спасибо заранее.

Змінено 27 листопада 2020 користувачем Microchip

[KomissarJuve]

/stylesheet/simple.css

[KomissarJuve]

наведите курсор на кнопку

нажмите правую кнопку мышы

появится меню

выберите посмотреть (показать) код

там и путь будет

и номер строчки

[FilinSEO]

Оно? Я правильно понял?

[KomissarJuve]

я не вижу вашего смайта

simple.css

[FilinSEO]

[FilinSEO]

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

[slobGrower]

Наверно потому, что в текущем сайте не используются классы вроде btn-primary, btn-danger и тд

[Romti]

40 минут назад, Microchip сказал:

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

1 вариант

https://octemplates.net/octemplates-knowledge-base/kak-ustanovit-modul-simple

 

2 вариант

Добавить во вкладку "Свой css" в настройках шаблона

Спойлер

 

css

Спойлер

Основные кнопки

.btn-primary {
    background-color: rgb(80, 161, 0);
    border-color: rgb(80, 161, 0) rgb(80, 161, 0) rgb(80, 161, 0);
    background-image: none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: rgb(41, 96, 2) !important;
    border-color: rgb(41, 96, 2) !important;
}

 

Кнопка удалить

.btn-danger{
    background-color: rgb(80, 161, 0);
    border-color: rgb(80, 161, 0) rgb(80, 161, 0) rgb(80, 161, 0);
    background-image: none;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled]{
    background-color: rgb(80, 161, 0);
    border-color: rgb(80, 161, 0) rgb(80, 161, 0) rgb(80, 161, 0);
}

 

 

Змінено 27 листопада 2020 користувачем Romti

[FilinSEO]

ToRomti  - Благодарю, вечером залью стиль. ОТпишусь
PS/ Я воспользуюсь случаем еще,  - а таким стилем можно уменьшить размер кнопки +/- ?

Змінено 27 листопада 2020 користувачем Microchip

[FilinSEO]

Стиль залил, не дотерпел до вечера, все отлично. Благодарствую!

[Romti]

1 час назад, Microchip сказал:

PS/ Я воспользуюсь случаем еще,  - а таким стилем можно уменьшить размер кнопки +/- ?

 

Спойлер

Все три

.simplecheckout .quantity .btn {
    padding: 7.5px 10px;
}

7.5px - высота

10px - ширина

 

Только +/-

.simplecheckout .quantity .btn-primary {
    padding: 7.5px 10px;
}

 

 

 

 

Змінено 27 листопада 2020 користувачем Romti

[FilinSEO]

Прикольно. Благодарю, ИНтересно у всех такое маленькое окно для количества товара? У меня видна только одна цифра, а количество техзначное

[FilinSEO]

может кто сталкивался с таким 

виден только один символю Нужно 4 видеть. Прописывается все правильно. Считается тоже. То есть цифры в заказе есть, но их не видно.
Как расширить рамки этого окна. Вдруг кто делал уже такое.
---
Нашел стиль.
.simplecheckout_cart .form-control {
    display: inline-block !important;
    min-width: 50px;
}
Если менять при просмотре кода на 80px, то работает, если заливать стиль, то нет.
Что я не так делаю?

Змінено 27 листопада 2020 користувачем Microchip

[FilinSEO]

Вопрос решен. Спасибо всем!!!