Акция: безлимит на модули OpenCart и платформы от NeoSeo Детальнее

Перейти к публикации

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

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

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

 

image.png

image.png

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


Ссылка на сообщение
Поделиться на других сайтах
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 можно только скрывать элементы, а добавлять свои значения нельзя? 

 

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

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


Ссылка на сообщение
Поделиться на других сайтах
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}?

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


Ссылка на сообщение
Поделиться на других сайтах
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) 

image.png

image.png

image.thumb.png.d2314554c718d0a45a0a85c012889fe3.png

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

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


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

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

image.png

image.png

image.thumb.png.d2314554c718d0a45a0a85c012889fe3.png

Добрый день.

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

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

image.png.c79ca22286a89facb11c619dafab095c.png

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


Ссылка на сообщение
Поделиться на других сайтах
  • 2 weeks later...

Добрый день
.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}

 

image.png

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


Ссылка на сообщение
Поделиться на других сайтах
29.04.2021 в 10:51, Белов Александр сказал:

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

Добрый день.

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

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


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

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...