Как исключить указанную c страницу из пользовательских css в WordPress? - PullRequest
Новая
       7

Как исключить указанную c страницу из пользовательских css в WordPress?

0 голосов
/ 01 февраля 2020

Я вставил пользовательский код CSS в настройки моей темы, чтобы изображения сайта выглядели лучше и выровнены. Все страницы работают нормально с пользовательским представлением CSS, кроме страницы «Блоги». Странице блогов не требуется этот пользовательский код CSS, он выглядит нормально по умолчанию CSS код. Поэтому я хочу исключить страницу блогов из своего пользовательского CSS

@media screen and (min-width: 800px) {

.video-fit video, .video-fit iframe, img.back-image, .image-cover img, .has-format img, .has-equal-box-heights .box-image img {
    right: 0;
    width: auto;
    height: 170px;
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute;
    object-position: 50% 50%;
    object-fit: cover;
    font-family: 'object-fit: cover;';


}

Это мой пользовательский код CSS для всего сайта, который я должен исключить для страницы блогов. Спасибо ...

1 Ответ

1 голос
/ 01 февраля 2020

Вы можете просто использовать css: not (селектор), поскольку на странице BLOG есть блог класса в теге <body>.

Если вы хотите включить разные страницы, просто используйте один и тот же метод, но посмотрите на тег body для других спецификаций страницы c классов.

<body class="blog theme-YourThemeName woocommerce-js group-blog hfeed">

@media screen and (min-width: 800px) {

body:not(.blog) .video-fit video, body:not(.blog) .video-fit iframe, body:not(.blog) img.back-image, body:not(.blog) .image-cover img, body:not(.blog) .has-format img, body:not(.blog) .has-equal-box-heights body:not(.blog) .box-image img {
    right: 0;
    width: auto;
    height: 170px;
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute;
    object-position: 50% 50%;
    object-fit: cover;
    font-family: 'object-fit: cover;';


}
...