установить фоновое положение сверху в WordPress

Question

Я использую Wordpress и WPbakery.Я установил полноразмерный фон.Но в настоящее время background-position настроена по центру с назначенным знаком "! Important", как я вижу в инструментах разработчика.

Я хочу установить «top».Я отредактировал в инструментах разработчика в Chrome, и я достиг желаемого эффекта.Однако я не уверен, как сделать изменения постоянными.Я попытался скопировать то, что я видел в инструментах разработчика, в пользовательское поле CSS и отредактировать его в «top», но оно не переопределит тему.Как мне это сделать?

Это текущий код, видимый в инструментах разработчика:

.vc_custom_1551104319445 {
background-image: url(https://unlicensedshrink.com/wp-content/uploads/2019/02/ulweb.jpg?id=9) !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;

}

Answer 1

Не уверен, в каком порядке выводятся пользовательские стили и CSS темы по умолчанию… попробуйте увеличить специфичность вашего селектора, например, html .vc_custom_1551104319445 или .vc_custom_1551104319445.vc_custom_1551104319445

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

Вот несколько ресурсов на эту тему:
https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
https://specificity.keegan.st/

Таким образом, если вы попытаетесь перезаписать что-либо, используя тот же селектор, который вы использовали в стилях WP / themes, это станет просто вопросом порядка.Стили WP встраиваются последними?Тогда они выиграют, в противном случае ваш выиграет.

Простой способ обойти это - повысить специфичность вашего селектора.Выбор элементов этого класса на дополнительном «условии», которые являются потомками элемента html, является одним из способов сделать это.Или повторить имя класса, чтобы .foobar стало .foobar.foobar ... и множество других возможных способов.

Answer 2

Вам нужно посмотреть, какой файл генерирует код.Например -

После того, как вы знаете, какой файл отвечает за код, вы переходите в каталог сайта и внедряете этот файл.