Цвет кнопок

[grifferok]

Здравствуйте!) как обычно я и как обычно css. На сей раз меня не устраивает кнопки) при наводе делится на два цвета и поменять я это не могу(точнее могу, но могу поменять только цвет нижней части) излазил всё(даже ненавистные мной однострочные стили bootstrap) Помогите пожалуйста решить эту проблему
Сайт: https://sandyscandies.ru

 

Скрин:

Змінено 3 квітня 2019 користувачем grifferok

[MKaizer]

.btn-primary {
    background-image: none;
}

/catalog/view/theme/default/stylesheet/stylesheet.css

Змінено 3 квітня 2019 користувачем MKaizer

[grifferok]

9 минут назад, MKaizer сказал:

.btn-primary {
    background-image: none;
}

/catalog/view/theme/default/stylesheet/stylesheet.css

Да, работает конечно) Но, можно ли как нибудь не убирая градиент?

[MKaizer]

15 минут назад, grifferok сказал:

Да, работает конечно) Но, можно ли как нибудь не убирая градиент?

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-position: 0 40px;
}

 

[anboza]

16 минут назад, grifferok сказал:

Да, работает конечно) Но, можно ли как нибудь не убирая градиент?

что вы хотите в итоге получить?

[grifferok]

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

что вы хотите в итоге получить?

 

10 минут назад, MKaizer сказал:

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-position: 0 40px;
}

 

Спасибо! Помогли!)

[grifferok]

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

что вы хотите в итоге получить?

Я хотел сделать так что бы в изначальном состоянии кнопка была зелёная с градиентом, потом при наведении другого цвета(уже не обязательно градиент) и при нажатии ещё один. @MKaizer помог. Но, и вам спасибо за то-что откликнулись!

[anboza]

59 минут назад, grifferok сказал:

Я хотел сделать так что бы в изначальном состоянии кнопка была зелёная с градиентом, потом при наведении другого цвета(уже не обязательно градиент) и при нажатии ещё один. @MKaizer помог. Но, и вам спасибо за то-что откликнулись!

всегда готовы, обращайтесь ))

[Jozzeff]

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

Да, работает конечно) Но, можно ли как нибудь не убирая градиент?

https://mycolor.space/gradient пользуйтесь

[grifferok]

28 минут назад, Jozzeff сказал:

https://mycolor.space/gradient пользуйтесь

Сайт конечно полезный, возьму на вооружение!) Но проблема была не в этом, но, всё равно спасибо.

[anboza]

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

Сайт конечно полезный, возьму на вооружение!) Но проблема была не в этом, но, всё равно спасибо.

и все равно не понятно, что же вы таки хотели в конце получить...

Как тайна, покрытая мраком. И такой градиент вам не вариант, и другое правило - не такое...может все же поделитесь, что в конце должно быть? ))

 

[grifferok]

15 часов назад, anboza сказал:

и все равно не понятно, что же вы таки хотели в конце получить...

Как тайна, покрытая мраком. И такой градиент вам не вариант, и другое правило - не такое...может все же поделитесь, что в конце должно быть? ))

 

Не пойму в чём проблема понять) Сейчас меня всё устраивает. Проблема была в том что при наведении мыши кнопка становилась двухцветной на пополам. 

 

19 часов назад, MKaizer сказал:

.btn-primary {
    background-image: none;
}

/catalog/view/theme/default/stylesheet/stylesheet.css

Это помогло, но, полностью пропадал градиент(его не было вообще, т.к. мы выключили тут этот самый стиль) Именно поэтому я спросил

 

19 часов назад, grifferok сказал:

Да, работает конечно) Но, можно ли как нибудь не убирая градиент?

И мне скинули ответ

 

19 часов назад, MKaizer сказал:

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-position: 0 40px;
}

 

И после этого всё меня устраивает и получается такая картина:
кнопка = 1-в спокойном состоянии, 2-при наведении, 3-при нажатии
1-Зелёный цвет с градиентом
2-Ярко зелёный без градиента
3-Серый цвет
Вот и вся "тайна" раскрыта))

[lexxkrt]

может хватит ветку опенкарта 3 захламлять непрофильными вопросами