Персональный css

[Белов Александр]

Добрый день
Подскажите как пользоваться персональным css?
Пробуем по примеру изменять данные, ничего не происходит(фото примера внизу) 

.popupGallery__box.active{ max-width: 1200px} (пробовали и через # как написано в примере) 
Или нужно изменять через css файл? ( не удобно что при изменении глобальных настроек, настройки css исправляются на стандартные) 

 

[NeoSeo Team]

14.04.2021 в 16:19, Белов Александр сказал:

Добрый день
Подскажите как пользоваться персональным css?
Пробуем по примеру изменять данные, ничего не происходит(фото примера внизу) 

.popupGallery__box.active{ max-width: 1200px} (пробовали и через # как написано в примере) 
Или нужно изменять через css файл? ( не удобно что при изменении глобальных настроек, настройки css исправляются на стандартные) 

Здравствуйте, Александр.

Уточните, пожалуйста, какой именно элемент страницы Вы хотите скрыть?

Например, нужно скрыть название товара во всплывающем окне. Кликаем по нему правой кнопкой мышки - Показать код. Видим название селектора: http://joxi.ru/GrqP8jetGvY1DA 

В данном случае это класс, его название - .popupGallery__title

Если перед названием селектора стоит точка - значит, имеем дело с классом, если решетка # - это id.

В админ. панели сайта переходить Настройки оформления - Основные настройки. В поле Персональный css добавляем запрет на отображение селектора названия товара: .popupGallery__title{display: none} В нашем случае это класс, как было описано выше, поэтому перед названием точка.

Сохраняем изменения, обновляем страницу товара и видим, что название пропало: http://joxi.ru/E2pP7EktGzx7O2

 

[Белов Александр]

Пробовали добавлять через точку, нужно добавить max-width для псевдокласса  .popupGallery__box.active
Не срабатывает, как правильно записать, чтоб max-width срабатывал? 
Или через персональный css можно только скрывать элементы, а добавлять свои значения нельзя? 
 

Изменено 19 апреля 2021 пользователем Белов Александр

[NeoSeo Team]

25 минут назад, Белов Александр сказал:

Пробовали добавлять через точку, нужно добавить max-width для псевдокласса  .popupGallery__box.active
Не срабатывает, как правильно записать, чтоб max-width срабатывал? 
Или через персональный css можно только скрывать элементы, а добавлять свои значения нельзя? 
 

Стиль max-width работает. Для наглядности добавили значение 500px: .popupGallery__box.active{max-width: 500px}

До внесения изменений: http://joxi.ru/Dr8gzRnfMRpoaA

После добавления стиля:

http://joxi.ru/D2PONzBiJnYkkm

http://joxi.ru/brRXqz8TOx4YE2

Возможно, Вы просто задаёте очень большое значение - 1200px, поэтому не видите результат.

[Белов Александр]

Фото которое отправляли вверху, там значение 1200px, и разница видна с тем что было до значения)
Сейчас возможно проверить нет
В любом случае спасибо,  а для вложеностей тоже всё работает?
Пример: для #menu .nav > li > a  нужно добавить padding: 0 70px? 
#menu .nav > li > a{padding: 0 70px} 


А так же интересует для адаптации потом 

@media (min-width: 992px) and (max-width: 1199px)

.main-menu .container #menu .nav > li > a , какая должна быть запись? 

@media (min-width: 992px) and (max-width: 1199px)

.main-menu .container #menu .nav > li > a{padding: 0 50px}?

[NeoSeo Team]

28 минут назад, Белов Александр сказал:

В любом случае спасибо,  а для вложеностей тоже всё работает?
Пример: для #menu .nav > li > a  нужно добавить padding: 0 70px? 
#menu .nav > li > a{padding: 0 70px} 

А так же интересует для адаптации потом 

@media (min-width: 992px) and (max-width: 1199px)

.main-menu .container #menu .nav > li > a , какая должна быть запись? 

@media (min-width: 992px) and (max-width: 1199px)

.main-menu .container #menu .nav > li > a{padding: 0 50px}?

Такие настройки не тестировались, пока не могу конкретно ответить.

Чтобы можно было проверить, сделайте, пожалуйста, скрин элемента, для которого нужно изменить стиль используя вложенность.

[Белов Александр]

 Первое фото до, второе после
3 фото медиа запросы( при разрешении меньше 991px) 

Изменено 19 апреля 2021 пользователем Белов Александр

[NeoSeo Team]

23 часа назад, Белов Александр сказал:

 Первое фото до, второе после
3 фото медиа запросы( при разрешении меньше 991px) 

Добрый день.

Вам необходимо растянуть пункты меню?

Вы можете использовать дополнительный класс для категории "Главная", который называется single-menu-catalog

[Белов Александр]

Добрый день
.single-menu-catalog{ padding: 0 70px} 
Попробовали растянуть меню через нужный класс, не срабатывает

[Белов Александр]

И так же интересует запись для медиозапросов 

[Белов Александр]

Меню получилось растянуть, как теперь сделать для меню медиозапросы
@media (min-width: 992px) and (max-width: 1199px)

.main-menu .container #menu .nav > li > a { нужно поменять font-size:12px на font-size:8px}

 

[Белов Александр]

Или в этом примере изменить 
padding для 2-x медиозапросов 
Или это нужно делать через css файл? 

[NeoSeo Team]

29.04.2021 в 10:51, Белов Александр сказал:

Добрый день
.single-menu-catalog{ padding: 0 70px} 
Попробовали растянуть меню через нужный класс, не срабатывает

Добрый день.

В таком случае необходимо вносить правки конкретно в файлы стилей.