Jump to content

Recommended Posts

Posted (edited)

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

 

Скрин:

image.png.f5a14f065cc19d03d26ab3eb6ca299a9.png

Edited by grifferok

Share this post


Link to post
Share on other sites
Posted (edited)
.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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

    • By Koss88
      Требуется привести все тексты сайта к 1 стилю. На деле то, что создано уже на новом сайте имеет один шрифт и размер. То что перенесено со старого - другой. Одни страницы имеет один размер шрифта, вторые- другой. Структура заголовков тоже не везде одинакова н1 н2 н3
       
      Есть предложения, комментарии?
      Шаблон Лайтшоп окстор 2.3.0.2.3
    • By alex39
      В медиа-запросах 2.3.0.2.3 используются значения ширины:  478px - 767px - 768px - 980px - 991px - 992px - 1199px - 1200px
      во всех своих вариантах и логических комбинациях.
       
      Поскольку максимальный размер контейнера задан 1170px, до размера ~1300 всё более или менее нормально.
      Однако затем ширина контента фиксируется, и при увеличении экрана происходит лишь увеличение полей.
      В результате на 1900 имеем уже 730px в полях, т.е. считай треть экрана.  Но ведь 1900 далеко не предел...
       
      И что же теперь делать с большими экранами?
      Есть ли какие-то дополнительные сборки Bootstrap 3, может ещё какие решения для дополнительных точек, например 1400 или 1600 или те же 1900?
       
      Попутно, риторический вопрос; - вроде как везде написано что должно работать ещё и значение 320, но у меня оно почему-то не работает.
      Это так задано в сборке или ещё что - может ли кто пояснить?
       
    • By shyn
      Описание
      Basecart - базовый, бесплатный шаблон для OpenCart 2.x и OpenCart 3.x со встроенными цветовыми схемами Bootswatch.
      Простота и лёгкость шаблона позволяют использовать его для разных типов интернет магазинов.
      Быстрая скорость загрузки страниц сделает магазин приятным в использовании для покупателей.
       
      Друзья, чтобы у Вас не возникло никаких проблем при использовании шаблона, внимательно читаем раздел Установка.
       
      Демо магазин
       
       
      Основные возможности
      - Простая установка
      - Адаптивный дизайн
      - 17 цветовых схем
      - 2 типа цвета шапки для каждой цветовой схемы
      - Шаблон построен с использованием Bootstrap 3
      - Удобное переключение цветовых схем
      - Хорошая отзывчивость и высокая скорость работы
       
       
      Совместимость
      - OpenCart 3.0.2.0
      - OpenCart 3.0.1.2
      - OpenCart 3.0.0.0
      - OpenCart 2.3.0.2
      - OpenCart 2.3.0.1
      - OpenCart 2.3.0.0
      - OpenCart 2.2.0.0
      - OpenCart 2.1.0.2
      - OpenCart 2.1.0.1
      - OpenCart 2.0.3.1
       
      Поддерживаются также соответствующие версии ocStore и OpenCart "Русская сборка"
       
       
      Изменения
      14.12.2018
      - Незначительные исправление и улучшения
       
      14.11.2018
      - Исправлено отображение списка подкатегорий (OpenCart 3)
       
      09.04.2018
      - Исправлено отображение опций товара в корзине (OpenCart 3)
      - Исправлен счетчик количества товаров (OpenCart 3)
       
      04.03.2018
      - Добавлена поддержка OpenCart 3.x
       
      10.01.2017
      - Незначительные улучшения
       
      02.01.2017
      - Изменен формат установки
       
      03.12.2016
      - Исправлен модуль управления темой (OpenCart 2.3.0.x)
       
      04.09.2016
      - Добавлена поддержка OpenCart 2.3.0.x
       
      16.06.2016
      - Добавлена поддержка OpenCart 2.2.0.0 и ocStore 2.1.0.2.1
       
      16.02.2016
      - Незначительные исправления
       
      10.01.2016
      - Исправлена ошибка с капчей на странице возврата товара (OpenCart 2.1.0.1)
       
      12.10.2015
      - Добавлена поддержка OpenCart 2.1.0.1
       
       
      Установка
      OpenCart 2
      1. Скачать zip архив.
      2. В архиве находятся файлы установщики, названия которых оканчиваются на *.ocmod.zip (Распаковка не требуется).
      3. Перед началом установки убедитесь, что в установленном OpenCart настроен доступ по FTP.
      Система -> Настройка -> [Редактировать] -> FTP
      Если OpenCart установлен локально или по каким-то причинам необходимо произвести установку шаблона без настройки FTP, скачайте и установите модуль QuickFix, который позволяет устанавливать дополнения без настроенного FTP доступа.
      4. Выбрать и установить файл темы для соответствующей версии OpenCart.
      Дополнения -> Установка дополнений -> [Загрузить]
      5. Обновить кеш модификаторов.
      Дополнения -> Менеджер дополнений -> [Сброс]/[Обновить]
      6. Выбрать установленную тему basecart из списка.
      Дополнения -> Дополнения -> Шаблоны -> [Редактировать] -> Папка шаблона -> basecart
      7. Сохранить
       
      OpenCart 3
      1. Скачать zip архив.
      2. В архиве находятся файлы установщики, названия которых оканчиваются на *.ocmod.zip (Распаковка не требуется).
      3. Выбрать и установить файл темы для соответствующей версии OpenCart.
      Модули/Расширения -> Установка расширений -> [Загрузить]
      4. Обновить кеш модификаторов.
      Модули/Расширения -> Модификаторы -> [Очистить]/[Обновить]
      5. Выбрать установленную тему basecart из списка.
      Модули/Расширения -> Модули/Расширения -> Темы -> [Редактировать] -> Директория темы -> basecart
      6. Сохранить
       
      Если, по каким-то причинам, шаблон был установлен путем простого копирования файлов, без использования установщика дополнений, нужно дополнительно установить модификатор шаблона (файл install.xml), найти его можно при распаковке архива, название которого оканчивается на *.ocmod.zip. Установка модификатора производится через: Дополнения -> Установка дополнений. Перед установкой install.xml необходимо переименовать в install.ocmod.xml. После установки - обновить кеш модификаторов.
       
      Переключение цветовых схем:
      OpenCart 2
      Дополнения -> Дополнения -> Модули -> Basecart -> [Установить] / [Редактировать]
       
      OpenCart 3
      Модули / Расширения -> Модули / Расширения -> Модули -> Basecart -> [Активировать] / [Редактировать]
    • By shyn
      Скачать/Купить дополнение


      Basecart шаблон для OpenСart
      Описание
      Basecart - базовый, бесплатный шаблон для OpenCart 2.x и OpenCart 3.x со встроенными цветовыми схемами Bootswatch.
      Простота и лёгкость шаблона позволяют использовать его для разных типов интернет магазинов.
      Быстрая скорость загрузки страниц сделает магазин приятным в использовании для покупателей.
       
      Друзья, чтобы у Вас не возникло никаких проблем при использовании шаблона, внимательно читаем раздел Установка.
       
      Демо магазин
       
       
      Основные возможности
      - Простая установка
      - Адаптивный дизайн
      - 17 цветовых схем
      - 2 типа цвета шапки для каждой цветовой схемы
      - Шаблон построен с использованием Bootstrap 3
      - Удобное переключение цветовых схем
      - Хорошая отзывчивость и высокая скорость работы
       
       
      Совместимость
      - OpenCart 3.0.2.0
      - OpenCart 3.0.1.2
      - OpenCart 3.0.0.0
      - OpenCart 2.3.0.2
      - OpenCart 2.3.0.1
      - OpenCart 2.3.0.0
      - OpenCart 2.2.0.0
      - OpenCart 2.1.0.2
      - OpenCart 2.1.0.1
      - OpenCart 2.0.3.1
       
      Поддерживаются также соответствующие версии ocStore и OpenCart "Русская сборка"
       
       
      Изменения
      14.12.2018
      - Незначительные исправление и улучшения
       
      14.11.2018
      - Исправлено отображение списка подкатегорий (OpenCart 3)
       
      09.04.2018
      - Исправлено отображение опций товара в корзине (OpenCart 3)
      - Исправлен счетчик количества товаров (OpenCart 3)
       
      04.03.2018
      - Добавлена поддержка OpenCart 3.x
       
      10.01.2017
      - Незначительные улучшения
       
      02.01.2017
      - Изменен формат установки
       
      03.12.2016
      - Исправлен модуль управления темой (OpenCart 2.3.0.x)
       
      04.09.2016
      - Добавлена поддержка OpenCart 2.3.0.x
       
      16.06.2016
      - Добавлена поддержка OpenCart 2.2.0.0 и ocStore 2.1.0.2.1
       
      16.02.2016
      - Незначительные исправления
       
      10.01.2016
      - Исправлена ошибка с капчей на странице возврата товара (OpenCart 2.1.0.1)
       
      12.10.2015
      - Добавлена поддержка OpenCart 2.1.0.1
       
       
      Установка
      OpenCart 2
      1. Скачать zip архив.
      2. В архиве находятся файлы установщики, названия которых оканчиваются на *.ocmod.zip (Распаковка не требуется).
      3. Перед началом установки убедитесь, что в установленном OpenCart настроен доступ по FTP.
      Система -> Настройка -> [Редактировать] -> FTP
      Если OpenCart установлен локально или по каким-то причинам необходимо произвести установку шаблона без настройки FTP, скачайте и установите модуль QuickFix, который позволяет устанавливать дополнения без настроенного FTP доступа.
      4. Выбрать и установить файл темы для соответствующей версии OpenCart.
      Дополнения -> Установка дополнений -> [Загрузить]
      5. Обновить кеш модификаторов.
      Дополнения -> Менеджер дополнений -> [Сброс]/[Обновить]
      6. Выбрать установленную тему basecart из списка.
      Дополнения -> Дополнения -> Шаблоны -> [Редактировать] -> Папка шаблона -> basecart
      7. Сохранить
       
      OpenCart 3
      1. Скачать zip архив.
      2. В архиве находятся файлы установщики, названия которых оканчиваются на *.ocmod.zip (Распаковка не требуется).
      3. Выбрать и установить файл темы для соответствующей версии OpenCart.
      Модули/Расширения -> Установка расширений -> [Загрузить]
      4. Обновить кеш модификаторов.
      Модули/Расширения -> Модификаторы -> [Очистить]/[Обновить]
      5. Выбрать установленную тему basecart из списка.
      Модули/Расширения -> Модули/Расширения -> Темы -> [Редактировать] -> Директория темы -> basecart
      6. Сохранить
       
      Если, по каким-то причинам, шаблон был установлен путем простого копирования файлов, без использования установщика дополнений, нужно дополнительно установить модификатор шаблона (файл install.xml), найти его можно при распаковке архива, название которого оканчивается на *.ocmod.zip. Установка модификатора производится через: Дополнения -> Установка дополнений. Перед установкой install.xml необходимо переименовать в install.ocmod.xml. После установки - обновить кеш модификаторов.
       
      Переключение цветовых схем:
      OpenCart 2
      Дополнения -> Дополнения -> Модули -> Basecart -> [Установить] / [Редактировать]
       
      OpenCart 3
      Модули / Расширения -> Модули / Расширения -> Модули -> Basecart -> [Активировать] / [Редактировать]
      Добавил shyn Добавлено 21.07.2015 Категория Бесплатные шаблоны Системные требования Сайт разработчика http://themefiber.com Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1  
    • By Timur3294237423428934
      Добрый день, решил отредактировать шаблон письма, которое приходит пользователю после регистрации,
      в файле /model/account/customer.php     
      $mail->SetText($message)  заменил на  
      $mail->SetHtml($message), после этого смог обычные html теги добавлять в сообщение - 
      $message.="<div>Сообщение</div>"  Но хотелось бы и стили к этим тегам добавить, если делаю так 
      $message.="<div><p class="msg__title">Привет</p></div> <style> .msg__title{color:blue;} </style>"; То выдает ошибку, т.е. в теги я вообще ничего не могу вписать, только голая структура, иначе ругается, как добавить стили к тексту письма? 
  • 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.