1

我正在使用 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>likebackground-positionbackground-size。我在官方文档中看到我可以'header-callback'在 add_theme_support 中使用,但它是如何工作的呢?我如何编写 WP 自动更改.site-header为上述生成的代码的回调函数?

如果我.site-header在我的style.css文件中进行更改,它不会改变任何内容。它必须像上面那样生成,但是如何生成呢?

谢谢!

4

1 回答 1

0

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

您可以尝试在 css 值中使用 '!important' 声明来给予优先级,例如

.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
}

请注意,如果您使用的是子主题,则此代码段有效(我认为)

希望它有所帮助;)弗朗切斯科

于 2014-09-04T18:24:58.303 回答