Цвет фона страницы WordPress не изменится?

Question

Я пытаюсь изменить цвет фона конкретной страницы. Я выбрал идентификатор и изменил цвет следующим образом:

.page-id-178 {
    background-color: #EEEEEE;
}

, но он все еще остается черным. Это это страница

Answer 1

Когда я проверял страницу в ссылке, которую вы прикрепили, то вот что изменило цвет фона для меня.

div#page-content {
  background: #EEEEEE;
}

Answer 2

Этот стиль в основном переопределяет его. Если это встроенный стиль, удалите его. Или вы можете переопределить его с помощью: Important

Еще одна вещь, которую следует помнить, DevTools всегда ваш лучший друг!

Answer 3

Вы можете попробовать body.page-id-178> main и использовать! Важно, надеюсь, оно будет решено.

body.page-id-178 > main {
    background-color: #EEEEEE !important;
}

Снимок экрана

ПочемуНужен основной тег? потому что основной тег уже использует цвет фона, поэтому, если вам нужно заменить, вы можете использовать основной вложенный тег.

Answer 4

Это потому, что цвет фона исходит не от элемента body, а от элемента main. (Я предлагаю вам ознакомиться с использованием инструментов разработчика вашего браузера, в данном случае особенно на вкладке инспектора, где вы можете узнать, какие стили взяты из какого элемента и где эти стили определены).

В этом случаецвет фона даже определяется как встроенный стиль элемента main, поэтому для его перезаписи .page-id-178 > main { } будет недостаточно. Вам также нужно будет использовать !important.

.page-id-178 > main {
    background-color: #EEEEEE !important;
}