Могу ли я переопределить CSS сайта WP на одном разделе страницы / тела?

Question

Работа над сайтом с каким-то непонятным CSS - у меня была эта проблема раньше, но я пытался установить простой опрос форм гравитации на простой странице с их шорткодом ... CSS не дает показывать фактический контент вопроса.Есть ли какой-то магический код, который я могу использовать в текстовом / кодовом представлении wysiwyg перед шорткодом, который переопределит css, который все испортил?Ищете быстрое решение, если оно существует.

Шорткод:

[gravityform action="polls" id="6" mode="poll" style="green" cookie="1 week"
 show_results_link="true" display_results="true" percentages="true" counts="true"]

Тестовая страница

Answer 1

Вы можете использовать Dev Tools вашего браузера для проверки элемента и увидеть, что существует правило css display: none. Измените его на:

.gform_wrapper label {
    display: initial;
}

И если это не имеет никакого эффекта, попробуйте добавить !important.

EDIT:

Если вы боитесь повлиять на другие страницы вашего сайта, вы можете использовать уникальное имя класса, которое WP задает для элемента body каждой страницы (вы можете найти его в источнике, page-id-2720). И это будет выглядеть так:

.page-id-2720 .gform_wrapper label {
    display: initial;
}

Удачи

Answer 2

Да, вы можете.Щелкните правой кнопкой мыши элемент на странице, и вы увидите опцию для проверки элемента.Это покажет вам имена классов и стили, примененные к этому элементу.Затем вы пишете свой собственный CSS для этих классов.