Не зарегистрирован
Вход
Забыли пароль?
Регистрация
Подписаться
Сэкономьте время — перед вопросом на форуме узнайте, как найти ответ быстрее
По техническим проблемам необходимо обращаться в Консультационный центр

Поиск по форуму: 

Приглашаем в блог Amiro.CMS. Регулярные обзоры, опыт, решения, практикумы.

Форум  ->   Интеграция дизайна, настройка системы  ->  Стиль CSS на главной странице для категорий совпадает с css левого меню - как разделить стили?

Вопросы по интеграции, настройке шаблонов, конфигурации системы.

Добавлено: 28.10.17 13:40:59 #1



Регистрация: 04.01.09
Сообщений: 7


Обратиться по имени

Здравствуйте!

Проблема с редактированием стиля списка категорий ( в центре) - у него такой же стиль используется, как и у бокового меню.
я хочу поменять отображение в центре категорий - а меняется и боковое меню тоже.
В ТП мне ответили:
Чтобы разделить CSS для одинаковых классов, необходимо обращаться к ним через их родительские блоки, у которых отличные друг от друга классы, либо id.

Как определить эти родительские блоки и правильно сделать запись в таблице стилей?
Сейчас висит вот такая запись:
.eshop-cat-tree__item {
    display: inline-block;
    vertical-align: top;
    list-style-type: none;
    background-color: #f7f7f7;
    border-radius: 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}

[URL=https://hostingkartinok.com/show-image.php?id=497dc57a24e6db00fb4d9ce903262c36][/URL]
сайт : vsevbaby.ru



Добавлено: 28.10.17 20:57:16 #2

Партнер


Регистрация: 22.02.09
Сообщений: 472


Обратиться по имени

Здравствуйте!
Станислав:
Как определить эти родительские блоки и правильно сделать запись в таблице стилей?
Посмотреть в отладчике, какие различающиеся классы или id установлены у родительских блоков и использовать их.
Правильно сделать запись следующим образом:
.some-parent-class .eshop-cat-tree__item{}
где some-parent-class и есть такой класс родительского блока
Если таких блоков нет, то можно обернуть в него спецблок самостоятельно.
Так же можно использовать различные шаблоны для разных спецблоков.
В вашем случае это будет:
.eshop-cat-tree_type_grid .eshop-cat-tree__item{}



Добавлено: 30.10.17 11:51:19 #3



Регистрация: 04.01.09
Сообщений: 7


Обратиться по имени

Спасибо, класс - родитель тот. Работает.
Посмотреть в отладчике, какие различающиеся классы или id установлены у родительских блоков и использовать их.


Подскажите пожалуйста, как Вы его определили? Не могу понять, где в отладчике берется эта информация. Про сам класс вижу - а про родителей нет информации...

[URL=https://hostingkartinok.com/show-image.php?id=c4a997183a15a859e6773646028af3ad][/URL]





Создать новую тему

Всего тем: 6661
Всего сообщений: 27851
Всего зарегистрированных пользователей: 26741
Последний зарегистрированный пользователь: user6353089940