2017-08-30 120 views
-2

首先:我已經看過How to change the logo of my wordpress site,我沒有找到任何有用的信息,我的問題。WordPress的:我不能改變我的網站的徽標圖像

在你看到服裝的標誌畫面的畫面......

enter image description here

...我改變它,如果屏幕尺寸變小,用這種新的形象:

enter image description here

取代的圖片我必須寫

@media screen and (max-width: 800px){ 


     .logo-wrapper > .logo > img { 
      background-image: url('wp-content/uploads/2017/06/new_logo.png')!important; 
    } 
} 

但舊標誌仍出現在網頁上,並覆蓋上新標識的一部分:

enter image description here

+1

您是否使用任何自定義主題或響應式菜單插件? – Ranjit

+1

也許有藍色背景的文字div ..請提供網站鏈接.. – codesayan

+1

請提供網站鏈接。所以我可以說確切的解決方案, – Ranjit

回答

1

舊的標誌是可能仍然看到,因爲它來自IMG標籤。這將有一個'src =「路徑圖像」'

在你的CSS,你將IMG標籤的背景設置爲'new_logo.png',但IMG可能仍然保存圖像以及。

老實說,我不熟悉WP代碼結構,但你應該看看IMG標籤駐留或生成的代碼。這就是您必須進行一些修改才能將默認徽標顯示方式更改爲CSS背景,以便您的媒體查詢可以在解決更改時工作/覆蓋默認值。

這可能是這樣的:

<div class="logo-wrapper"> 
    <a class="logo" href="<?php someCodeToGetUrl()"> 
     <img src="<?php getLogoUrl(); ?>" /> 
    </a> 
</div> 

的潛在變化可能是:

<div class="logo-wrapper"> 
    <a class="logo" href="<?php someCodeToGetUrl()"> 
     <span style="background-image: url('<?php getLogoUrl(); ?>')"></span> 
    </a> 
</div> 

此時你的媒體查詢應該工作。它可能需要一些額外的CSS大小/定位等。

希望這有助於。對不起,我無法提供更多幫助。我沒有足夠的時間安裝WP並查看代碼以獲得更準確的示例。

1
  1. 嘗試檢查管理欄頂部的「自定義」部分中的徽標選項。
  2. 檢查標誌標籤的header.php文件並更改其URL。
相關問題