Не работает код css в wordpress

Я пытался это сделать через добавление произвольного кода css в настройках темы, не помогло

Там происходит конфликт с данным фрагментом из стилей темы:

ol:not([class]):before,
p:before,
ul:not([class]):before {
	content: '';
	display: block;
	width: 10em;
	overflow: hidden
}

Согласно документации по ::first-letter:

A combination of the ::before pseudo-element and the content property may inject some text at the beginning of the element. In that case, ::first-letter will match the first letter of this generated content.

Получается, что стили для p::first-letter применяются к этому невидимому элементу p:before.

Попробуйте так:

p:before {
	content: none;
}

p::first-letter {
	font-size: 200%;
	color: red;
}

Результат: https://cldup.com/2rGHXfpTP8.png