Jump to content

Recommended Posts

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

 

Скрин:

image.png.f5a14f065cc19d03d26ab3eb6ca299a9.png

Edited by grifferok

Share this post


Link to post
Share on other sites
.btn-primary {
    background-image: none;
}

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

Edited by MKaizer
  • +1 1

Share this post


Link to post
Share on other sites
9 минут назад, MKaizer сказал:
.btn-primary {
    background-image: none;
}

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

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

Share this post


Link to post
Share on other sites
15 минут назад, grifferok сказал:

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

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

 

Share this post


Link to post
Share on other sites
16 минут назад, grifferok сказал:

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

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

Share this post


Link to post
Share on other sites
10 минут назад, anboza сказал:

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

 

10 минут назад, MKaizer сказал:
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-position: 0 40px;
}

 

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

Share this post


Link to post
Share on other sites
10 минут назад, anboza сказал:

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

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

Share this post


Link to post
Share on other sites
59 минут назад, grifferok сказал:

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

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

Share this post


Link to post
Share on other sites
1 час назад, grifferok сказал:

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

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

Share this post


Link to post
Share on other sites
28 минут назад, Jozzeff сказал:

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

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

Share this post


Link to post
Share on other sites
1 час назад, grifferok сказал:

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

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

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

 

Share this post


Link to post
Share on other sites
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-Серый цвет
Вот и вся "тайна" раскрыта))

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Similar Content

    • By And69
      389.00 руб
      Скачать/Купить дополнение


      Links preload (Предзагрузка скриптов, стилей, шрифтов) OC 2.3
       
      Установка:
      Установить модуль через стандартный установщик Обновить кэш модификаторов Предоставить доступ для просмотра и редактирования* Зайти в Модули - Модули Активировать Предзагрузка URL/CSS/JS Настройка
      Переключить статус - "Включено" Ознакомиться со справкой в нижней части страницы модуля Ввести нужные URL с указанием типа и действия
      Добавил And69 Добавлено 03.02.2021 Категория SEO, карта сайта, оптимизация Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop Opencart.pro 2.3 Обращение к серверу разработчика Нет Старая цена 0  
    • By And69
      Установка:
      Установить модуль через стандартный установщик Обновить кэш модификаторов Предоставить доступ для просмотра и редактирования* Зайти в Модули - Модули Активировать Предзагрузка URL/CSS/JS Настройка
      Переключить статус - "Включено" Ознакомиться со справкой в нижней части страницы модуля Ввести нужные URL с указанием типа и действия
    • By valerykurak
      Здравствуйте, кнопки на сайте при наведении увеличиваются в размере, через инспектор кода не видно почему. Подскажите пожалуйста как это убрать?  Загрузил две фотографии


    • By LevJek
      Здравствуйте! Помогите пожалуйста разобраться как выделить сам код товара (93241020) другим цветом, например красным. Ниже скриншот:

      Сам код выглядит таким образом:
      <ul class="list-unstyled"> <li><span>Производитель:</span>  </li> <li><meta itemprop="brand" content="Signal"></li> <li><meta itemprop="sku" content="93241020"></li> <li>Доступность:  <span class="rewardin">В наличии</span></li> <li><span>Код товара:</span>  <span itemprop="model">93241020</span></li> </ul> CSS:
      .list-unstyled { padding-left: 0; list-style: none; } Спасибо!
       
    • By matroskin92
      Профессиональная верстка по Вашим макетам
      Валидная и адаптивная верстка, атомарность + BEM, легко дополнять в процессе эксплуатации SVG-спрайты, PICTURE для графики Использую SASS, PUG для верстки, GULP и WEBPACK для сборки проекта  
      В качестве примера - шаблон YOGA
      Предоставляются все исходники, возможность следить за процессом.
      Можно заказать разработку шаблона по вашему макету.
       
      Средняя время выполнения - 2 недели, стоимость от 50 тыс. рублей для верстки и 3-4 недели от 75 тыс. руб. за шаблон
      Только по предоплате, возможна работа с юридическими лицами.
       
      Для связи используйте личные сообщения @matroskin92 или телеграм @matrosite
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.