Question

我正在使用genesis框架，我想支持我的子主题中的标题图像。我想将我上传的图像的位置更改为标题图像。

我在functions.php中添加了这行代码：

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

Genesis现在为首页中的.site-header生成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等等。我在官方文档中看到我可以使用add_theme_support中的'header-callback'，但它是如何工作的？如何编写我的回调函数，WP会自动更改为.site-header生成的代码，如上所述？

如果我在.site-header文件中更改style.css，则不会更改任何内容。它必须如上所述生成，但如何生成？

谢谢！

Answer 1

用style.css编写的CSS应该覆盖默认样式！你确定加价是一样的吗？

您可以尝试使用＆＃39;！important＆＃39; 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
}

请注意，如果您使用的是儿童主题（我认为）

，则此代码段有效

希望它有所帮助;）弗朗西斯

Genesis Framework - 如何更改自定义标头css代码？

1 个答案: