Изменение темы Wordpress

Question

Я хочу изменить css в теме Wordpress. Я добавляю следующий пользовательский css в style.css в Wordpress. Однако стиль, который я добавляю, не отображается на веб-сайте. Я перезапись:

@media screen and (max-width: 830px) 
.masthead .top-bar, .masthead .hide-on-mobile { 
    display: none !important; 
} 

в

@media screen and (max-width: 830px) 
.masthead .top-bar, .masthead .hide-on-mobile { 
    display: inline !important; 
} 

Answer 1

Сейчас первый !important является подменяют второй я полагаю. Но вы можете переопределить !important операторы довольно простые

Взятые из: How to override !important?

Дайте селектор более высокую специфичность (добавление дополнительного тега, идентификатор или класс в селекторе), или добавить правило CSS с такой же селектор в более поздняя точка, чем существующая (в галстуке, последняя определенная победа).

Некоторые примеры с более высокой специфичностью:

table td {height: 50px !important;} 
.myTable td {height: 50px !important;} 
#myTable td {height: 50px !important;} 

Или добавить один и тот же селектор после существующего:

td {height: 50px !important;} 

Отказ от ответственности: Это почти никогда не является хорошей идеей использовать важно!. Это плохая разработка создателей шаблона WordPress. Вирусно, он заставляет пользователей шаблона добавлять свои собственные важные модификаторы для переопределения его, и он ограничивает возможности переопределения его с помощью JavaScript.

Но полезно знать, как переопределить его, если вам иногда приходится.