Genesis Framework - Как изменить собственный код заголовка заголовка?

Question

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

Я добавил эту строку коды в моей functions.php:

add_theme_support('genesis-custom-header', array('width' => 213, 'height' => 300)); 

Genesis теперь генерирует код CSS для .Выходного-заголовка в первой странице:

.site-header { background: url(http://localhost:8888/studio/wp-content/uploads/2014/09/my_logo.png) no-repeat !important; } 

Я хочу изменить этот код, так как я хочу применить некоторые другие вещи CSS к моим <header>, например background-position, background-size и т. д. Я видел в официальной документации, что я могу использовать 'header-callback' в файле add_theme_support, но как это работает? Как мне написать функцию обратного вызова, которая автоматически изменяет код, который генерируется для .site-header, как указано выше?

Если я изменяю .site-header в своем файле style.css, это ничего не меняет. Он должен быть сгенерирован, как указано выше, но как?

Спасибо!

Answer 1

CSS, написанный в стиле.css, должен отменять стиль по умолчанию! Вы уверены, что разметка одинакова?

Вы можете попробовать использовать объявление в значении CSS, чтобы дать приоритет, например,

.site-header { 
    background-size: cover !important; 
} 

Кроме того, вы можете добавить несколько значений в массив пользовательских заголовков «Важно!»:

add_theme_support('genesis-custom-header', array(
    'default-image' => get_stylesheet_directory_uri() . '/images/logo.png', 
    'default-color' => 'efefe9', 
    'header_image' => '', 
    'header-selector' => '.site-title a', 
    'header-text'  => false, 
    'height'   => 115, 
    'width'   => 960, 
)); 

и стиль ваш логотип с:

.site-header .site-title a { 
    //your css here 
} 

Обратите внимание, что этот фрагмент работает, если вы используете дочернюю тему (так как я думаю)

Надеюсь, что это поможет;) Francesco