Помогите разобраться с css 2.X

 
Посетитель
small user social cms
Медаль
Сообщений: 104
Друзья, есть необходимость скрывать в некоторых типах контента при определенной ширине элементы, с шириной понятно, а как сделать так что бы это касалось определенной страницы например главной, news и тд (положительные , отрицательные маски)

Вот есть код css

@media screen and (min-width: 991px) {
.filter-panel .filter-container{
display:none;
}
}

где и как указывать страницы, (положительные маски)

Спасибо
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1674
Ну,в таблице стилей это точно не сделать). Как вариант, вы можете в шаблоне получать адрес страницы или slug(часть адреса) или тип контента и в зависимости от этого присвоить нужные классы. А уж в них прописать,что надо).
Редактировалось: 1 раз (Последний: 5 июня 2020 в 13:29)
Реклама
cms
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 309
а еще можно HTML виджеты в определенных местах повставлять, например открывающий <div class="home">, а ниже закрывающий </div>. Но не всегда удастся обернуть желаемый блок, да еще нарушите верстку. Так можно обернуть несколько виджетов в один блок
Редактировалось: 1 раз (Последний: 5 июня 2020 в 13:34)
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 309
Код PHP:
  1. if ($_SERVER["REQUEST_URI"] == "/" OR $_SERVER["REQUEST_URI"] == "/index.php"){
  2. $body_class = 'home';
  3. } else {
  4. $urlarr = explode('/',$_SERVER["REQUEST_URI"]);
  5. $body_class = $urlarr[1];
  6. $urlarr1 = explode('?',$urlarr[1]);
  7. $urlarr2 = explode('.',$urlarr1[0]);
  8. $body_class = $urlarr2[0];
  9. }
Код PHP:
  1. <body id="<?php echo $device_type; ?>_device_type" class="<?php echo $body_class; ?>">
А вот вариант, про который писал Lora. Вносим правки в main.tpl.php
Редактировалось: 1 раз (Последний: 5 июня 2020 в 13:44)
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 200
@Happy2019, В дизайн-системе, которую вы используете, для этих целей предусмотрены спец. классы в <body>
На нужной странице нажмите F12. В body найдете нужный класс
Смотрите пример на скриншоте
Помогите разобраться с css
по ссылке качество изображения лучше https://ibb.co/4N1gv7s

для главной страницы будет класс home_page

в начало своего кода добавьте .home_page

Код CSS:
  1. @media screen and (min-width: 991px) {
  2. .home_page .filter-panel .filter-container{
  3. display:none;
  4. }
  5. }
для страницы список объявлений будет класс class_board_page

в начало своего кода добавьте .class_board_page

Код CSS:
  1. @media screen and (min-width: 991px) {
  2. .class_board_page .filter-panel .filter-container{
  3. display:none;
  4. }
  5. }
для страницы самого объявления будет класс class_board_page class_html_page

в начало своего кода добавьте .class_board_page.class_html_page

Код CSS:
  1. @media screen and (min-width: 991px) {
  2. .class_board_page.class_html_page .filter-panel .filter-container{
  3. display:none;
  4. }
  5. }
Так по аналогии можно добавить стили для других страниц.
Редактировалось: 1 раз (Последний: 5 июня 2020 в 13:49)
Разработка шаблонов для InstantCMS https://red-ray.ru Шаблоны для InstantCMS 2 Дизайн-система Global
Посетитель
small user social cms
Медаль
Сообщений: 104
Red Ray:

@Happy2019, В дизайн-системе, которую вы используете, для этих целей предусмотрены спец. классы в
На нужной странице нажмите F12. В body найдете нужный класс
Смотрите пример на скриншоте
Помогите разобраться с css
по ссылке качество изображения лучше https://ibb.co/4N1gv7s

для главной страницы будет класс home_page

в начало своего кода добавьте .home_page

Код CSS:
  1. @media screen and (min-width: 991px) {
  2. .home_page .filter-panel .filter-container{
  3. display:none;
  4. }
  5. }
для страницы список объявлений будет класс class_board_page

в начало своего кода добавьте .class_board_page

Код CSS:
  1. @media screen and (min-width: 991px) {
  2. .class_board_page .filter-panel .filter-container{
  3. display:none;
  4. }
  5. }
для страницы самого объявления будет класс class_board_page class_html_page

в начало своего кода добавьте .class_board_page.class_html_page

Код CSS:
  1. @media screen and (min-width: 991px) {
  2. .class_board_page.class_html_page .filter-panel .filter-container{
  3. display:none;
  4. }
  5. }
Так по аналогии можно добавить стили для других страниц.

Спасибо большое! То что нужно!
В начало страницы
Предыдущая темаСледующая тема Перейти на форум: