it-swarm.xyz

Скрыть div, который является частью всех страниц на одной конкретной странице

Как я могу скрыть div (который содержит изображение) для конкретной страницы WordPress?

Я считаю, что мой идентификатор страницы 46:

enter image description here

Вот div, который я пытаюсь изменить:

<div id="static-footer-image" style="position:absolute; bottom: -15px; z-index: 501;">
    <img src="images/background-bottom.png"/>
</div>

И связанный код CSS в моем основном файле CSS:

#static-footer-image body.page-id-46 { 
     display: none; 
}

Это все еще показывает. Что мне сделать, чтобы это исправить?

4
David Tunnell

Как видно из структуры URL, ваша постоянная структура %postname% активна. Таким образом, немного внутреннего CSS может помочь альтернативно, и синтаксис in_page('page_slug'):

<?php // Do action only on specific page in WP ?>
<?php if( in_page('resourses') ) { ?>
<style>
  #static-footer-image{
      display: none;
  }
</style>
<?php } ?>
2
Mayeenul Islam

Используйте следующий CSS

body.page-id-46 #static-footer-image { 
     display: none; 
}

и убедитесь, что класс "page-id-46" применяется к тегу body и очищает кеш. Возможно, попробуйте другой браузер или окно инкогнито.

10
M-R

Если это идентификатор страницы, селектор должен быть

body#page-id-46 #static-footer-image

не

body.page-id-46 #static-footer-image
2
Patty J. Ayers

Это работает для меня:

body .page-id-46 #static-footer-image { 
     display: none; 
}

не это:

body.page-id-46 #static-footer-image { 
     display: none; 
}

После тела введите пробел и введите .page-id-46 #static-footer-image{display: none;} Еще раз проверьте, является ли это класс или идентификатор. в моем случае это идентификатор, вот мой код для вашей справки:

body #post-448 .entry-meta-bar
{
    display:none;
}

Надеюсь, что это поможет вам.

1
Asif

У вас может быть display в CSS, поэтому вы можете попробовать:

body.page-id-46 #static-footer-image { 
     display: none !important; 
}
1
aldo.roman.nurena