.запись-название не изменится в блоге на wordpress

В настоящее время у меня возникли трудности с изменением семейства шрифтов заголовка сообщения в блоге.

Я пробовал следующие селекторы сингулярно в пользовательском плагине CSS для WordPress:

.entry-header .entry-title
.entry-title h1
.entry-title
.entry-header
.page-id-107 .entry-title
.page-id-107 .header
.entry-header h1 

Теперь вот настоящая путаница, если я использую следующий код:

.alpha, h1 {
  font-size: 1.3em;
  line-height: 3em;
  letter-spacing: 0px;
  font-family: Georgia;
}

Это изменит Заголовок сообщения на странице: ‘Charlies online store’

Но если вы входите в фактическое сообщение, такое как: Charlies online store post

Она не меняется. Почему?

Я был бы очень признателен за любую помощь здесь.

2 ответа

  1. Возможно, используется неверный селектор.

    .entry-title h1 будет нацелен на h1элемент, являющийся потомком элемента с классом entry-title

    h1.entry-titleможет быть правильный селектор для того, что вы пытаетесь достичь (изменить элемент h1 с заголовком класса)

    Я попробовал это в инспекторе, и это должно работать, однако так должно .entry-header h1быть ; поэтому я не совсем уверен, что неправильно.

    Вам также могут понадобиться разные селекторы для двух страниц, потому что на одной текст находится непосредственно в h2теге, а на главной странице он дополнительно завернут в aтег.

  2. Замените свой раздел на этот ниже, ваш текущий раздел на фактической странице публикации перезаписан, поэтому он не работает.

    .alpha, .post h1.entry-title { // Changing elements on this two pages from your description
        font-size: 1.3em;
        line-height: 3em;
        letter-spacing: 0px;
        font-family: Georgia;
    }
    

    или если вы хотите изменить весь тег H1, то

    .alpha, .site-main h1 { // Changing H1 tag on whole website
        font-size: 1.3em;
        line-height: 3em;
        letter-spacing: 0px;
        font-family: Georgia;
    }