Перейти к содержанию

Рекомендуемые сообщения

Ну Вам для этого нужен элемент:

.list-group a 

Меняйте его, сейчас у него стоит фон:

background-image: linear-gradient(to bottom, #F27C66, brown);

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
23 минуты назад, Lazdakon сказал:

Ну Вам для этого нужен элемент:


.list-group a 

Меняйте его, сейчас у него стоит фон:


background-image: linear-gradient(to bottom, #F27C66, brown);

 

Это и так ясно, при клике пункты которые выпадают мне надо изменить

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

@NavinGR элементы подменю имеют точно такой же класс. И даже не являются списком, просто подряд идущие ссылки <a>
Можете попробовать с помощью селекторов CSS попробовать, но это навряд ли сработает. Нужно будет править файл шаблона.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Там, где в модуле category.tpl

(\catalog\view\theme\default\template\extension\module\category.tpl)

добавляется к названию категории пробелы и дефис

class="list-group-item">&nbsp;&nbsp;&nbsp;-

добавьте класс( название- на ваше усмотрение)

class="list-group-item my-submenu">&nbsp;&nbsp;&nbsp;-

и пропишите стили для этого класса.

Изменено пользователем jaffagold

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
9 часов назад, jaffagold сказал:

Там, где в модуле category.tpl

(\catalog\view\theme\default\template\extension\module\category.tpl)

добавляется к названию категории пробелы и дефис

class="list-group-item">&nbsp;&nbsp;&nbsp;-

добавьте класс( название- на ваше усмотрение)

class="list-group-item my-submenu">&nbsp;&nbsp;&nbsp;-

и пропишите стили для этого класса.

Ничего не меняется

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
9 часов назад, Lazdakon сказал:

@NavinGR элементы подменю имеют точно такой же класс. И даже не являются списком, просто подряд идущие ссылки <a>
Можете попробовать с помощью селекторов CSS попробовать, но это навряд ли сработает. Нужно будет править файл шаблона.

Этого я и добиваюсь, понять куда внести правку чтобы потом задать нужные мне свойства

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
10 часов назад, jaffagold сказал:

Там, где в модуле category.tpl

(\catalog\view\theme\default\template\extension\module\category.tpl)

добавляется к названию категории пробелы и дефис

class="list-group-item">&nbsp;&nbsp;&nbsp;-

добавьте класс( название- на ваше усмотрение)

class="list-group-item my-submenu">&nbsp;&nbsp;&nbsp;-

и пропишите стили для этого класса.

http://russiasouvenir.ru/index.php?route=product/category&path=59_18

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, NavinGR сказал:

Ничего не меняется

Слишком расплывчатый ответ.

Пока я вижу,

что у вас не прописался класс у этих пунктов меню. Значит нет изменений в category.tpl

и нет изменений в таблице стилей.

Как могло что-то поменяться?

Сначала добавьте нужный класс. Обновите модификаторы. Перезагрузите страницу (Ctrl+F5)

Проверьте в Инспекторе кода, появился ли нужный класс у элементов.

Пропишите нужный цвет для начала в Инспекторе кода.

Обратите внимание на то, что может поменяться также цвет активного вложенного пункта меню. Допишите ему стили при необходимости.

После этого, внесите изменения в stylesheet.css 

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
45 минут назад, jaffagold сказал:

Слишком расплывчатый ответ.

Пока я вижу,

что у вас не прописался класс у этих пунктов меню. Значит нет изменений в category.tpl

и нет изменений в таблице стилей.

Как могло что-то поменяться?

Сначала добавьте нужный класс. Обновите модификаторы. Перезагрузите страницу (Ctrl+F5)

Проверьте в Инспекторе кода, появился ли нужный класс у элементов.

Пропишите нужный цвет для начала в Инспекторе кода.

Обратите внимание на то, что может поменяться также цвет активного вложенного пункта меню. Допишите ему стили при необходимости.

После этого, внесите изменения в stylesheet.css 

 

Я и везде уже добавлял класс, потом убрал снова. Не менялось. Куда именно еще раз добавить?

 

ыыы.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

№1 - оставить
№2 - убрать

fff.png

хотя я б не использовал псевдокласс, используемый бутстрапом (list-group-item), а прописал бы  уникальный класс, дабы не нарваться на другие баги и конфликты стилей

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

так он там и есть по умолчанию, это родной класс опенкарта

Предлагается ему добавить свой для стилизации

Цитата

 Куда именно еще раз добавить?

там же расписано уже все.

Если вы выделили рамкой две строки, значит вы невнимательно читали.

Добавляем только в ту строку, где есть 

&nbsp;&nbsp;&nbsp;-

Изменено пользователем jaffagold

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
53 минуты назад, Pascha сказал:

№1 - оставить
№2 - убрать

fff.png

хотя я б не использовал псевдокласс, используемый бутстрапом (list-group-item), а прописал бы  уникальный класс, дабы не нарваться на другие баги и конфликты стилей

Сразу все плывет(

вот.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, Pascha сказал:

№1 - оставить
№2 - убрать

fff.png

хотя я б не использовал псевдокласс, используемый бутстрапом (list-group-item), а прописал бы  уникальный класс, дабы не нарваться на другие баги и конфликты стилей

Это мне надо взять файл bootstrap.min.css, раскрыть в нем код нормально (так как там он в строку идет) затем задать их новому классу только уже по своему?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
3 минуты назад, NavinGR сказал:

Это мне надо взять файл bootstrap.min.css, раскрыть в нем код нормально (так как там он в строку идет) затем задать их новому классу только уже по своему?

 

Не надо редактировать этот файл. Добавляй нужные селекторы в основной файл стилей и они преопределятся.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
5 минут назад, NavinGR сказал:

Это мне надо взять файл bootstrap.min.css, раскрыть в нем код нормально (так как там он в строку идет) затем задать их новому классу только уже по своему?

Нет, категорически!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вы можете спокойно, пошагово делать по инструкции?

Шаг 1

вместо

class="list-group-item">&nbsp;&nbsp;&nbsp;-

сделать:

class="list-group-item my-submenu">&nbsp;&nbsp;&nbsp;-

 Шаг 2

Прописать в Инспекторе кода( не в файле пока)

( цвет green сделан для примера, чтоб было заметно. укажите какой вам нравится)

.list-group-item.my-submenu {

background: green;

background-image: none;

}

Это для пробы, чтобы появилось хоть что-то

Надо будет доработать до нужного

(там проблема в том, что в стандартном шаблоне стилизуется родительский элемент и еще активная подкатегория, плюс тени, плюс цвет шрифтов)

Шаг 3

Внесите изменения в файл

\catalog\view\theme\default\stylesheet\stylesheet.css

в самый конец файла

 

Изменено пользователем jaffagold

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
25 минут назад, NavinGR сказал:

Это мне надо взять файл bootstrap.min.css, раскрыть в нем код нормально (так как там он в строку идет) затем задать их новому классу только уже по своему?

то есть на скриншоте стрелками я показал правку файла bootstrap.min.css ?... хм...
решение и чего куда добавить тут уже как минимум 3 раза повторялось....

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
27 минут назад, jaffagold сказал:

Вы можете спокойно, пошагово делать по инструкции?

Шаг 1

вместо

class="list-group-item">&nbsp;&nbsp;&nbsp;-

сделать:

class="list-group-item my-submenu">&nbsp;&nbsp;&nbsp;-

 Шаг 2

Прописать в Инспекторе кода( не в файле пока)

( цвет green сделан для примера, чтоб было заметно. укажите какой вам нравится)

.list-group-item.my-submenu {

background: green;

background-image: none;

}

Это для пробы, чтобы появилось хоть что-то

Надо будет доработать до нужного

(там проблема в том, что в стандартном шаблоне стилизуется родительский элемент и еще активная подкатегория, плюс тени, плюс цвет шрифтов)

Шаг 3

Внесите изменения в файл

\catalog\view\theme\default\stylesheet\stylesheet.css

в самый конец файла

 

Ну я задал,оно появилось но к нему не применяеться ничего. Я кстати стили применял до этого к .list-group>a , именно у него стоит bg-image

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

то есть, вы прописали в инспекторе кода

.list-group-item.my-submenu {

background: green;

}

и ничего не меняется?

почему тогда у меня меняется?

Цитата

Я кстати стили применял до этого к .list-group>a

это не поможет. стили этого элемента общие для всех пунктов меня.

Нам надо вложенный элемент с дополнительным классом

 

Вам необходимо хотя бы азы изучить, а потом шаблоны править

http://htmlbook.ru/samcss

Изменено пользователем jaffagold

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
7 минут назад, jaffagold сказал:

то есть, вы прописали в инспекторе кода

.list-group-item.my-submenu {

background: green;

}

и ничего не меняется?

почему тогда у меня меняется?

это не поможет. стили этого элемента общие для всех пунктов меня.

Нам надо вложенный элемент с дополнительным классом

 

Вам необходимо хотя бы азы изучить, а потом шаблоны править

http://htmlbook.ru/samcss

Та знаю азы) спс) я пробел случайно поставил просто...) огромное спасибо!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.