2014-09-04 63 views
1

我正在使用創作框架,我想支持我的孩子主題中的標題圖像。我想改變我上傳的圖像的位置作爲標題圖像。Genesis框架 - 如何更改自定義標題CSS代碼?

我加入這行代碼我的functions.php中:

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

創現在可以生成CSS代碼爲.site頭頭版內:

.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生成的代碼?

如果我在我的style.css文件中更改.site-header,它不會改變任何內容。它必須如上生成,但是如何?

謝謝!

回答

0

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

請注意,如果您使用的是兒童主題(如I認爲)

希望它有幫助;) Francesco

相關問題