將背景圖像添加到木星4 WordPress主題標題

我正在使用木星4主題的網站上工作。在儀表板中有用於配置標題佈局的選項，但是沒有什麼可以向標題添加背景圖像。將背景圖像添加到木星4 WordPress主題標題

樣式表位於themes/jupiter/stylesheet/css/styles.css中。其中，我曾嘗試將background-image: url('/wp-content/uploads/2016/04/header-miami-beach-sign.png');放在以＃mk-header開頭的不同ID定義中，但沒有顯示圖像。標題背景只是一種純白色。

我試圖把這個：

到這樣：

來源

2016-04-29 TARKUS

代碼或鏈接到該網站將需要幫助你。 – Vector

木星4的主題，一切都在木星的後端「的主題選項」：

您可以禁用工具欄和（如果需要以上）140px之間設置頁眉高度200像素。

對於造型去。「樣式選項卡（或菜單）：

首先，你可以取消設置（或重置）白色背景（透明）的「頭」
然後加入在「背景」部分（選擇標題區域）可以設置有背景圖像。

無需重疊或樣式添加

不要忘記，木星主題是對你的背景圖像作出反應......

解決高級主題問題的最準確的方法是閱讀文檔，搜索Jupiter支持線程或詢問此支持線程。

----（更新）----

要設置不同的圖像大小，你需要使用CSS（這只是一個例子）：

.mk-header-bg.mk-background-stretch { 
    background: transparent url('/myImage-hd.jpg') no-repeat !important; 
} 
@media only screen and (max-width: 1024px) { 
    .mk-header-bg.mk-background-stretch { 
     background: transparent url('/myImage-big.jpg') no-repeat !important; 
    } 
} 
@media only screen and (max-width: 768px) { 
    .mk-header-bg.mk-background-stretch { 
     background: transparent url('/myImage-medium.jpg') no-repeat !important; 
    } 
} 
@media only screen and (max-width: 588px) { 
    .mk-header-bg.mk-background-stretch { 
     background: transparent url('/myImage-medium-small.jpg') no-repeat !important; 
    } 
} 
@media only screen and (max-width: 400px) { 
    .mk-header-bg.mk-background-stretch { 
     background: transparent url('/myImage-small.jpg') no-repeat !important; 
    } 
} 
@media only screen and (max-width: 300px) { 
    .mk-header-bg.mk-background-stretch { 
     background: transparent url('/myImage-very-small.jpg') no-repeat !important; 
    } 
}

來源

2016-04-29 23:40:19 LoicTheAztec

我的圖像適合我的屏幕尺寸。不幸的是，它不適合更大的屏幕分辨率。有沒有辦法讓主題調整或切換不同屏幕尺寸的背景圖像？ – TARKUS

這是背景圖像（和響應網站）的問題......在這種情況下，取消設置背景圖像，並使用條件CSS與類'.mk-header-bg.mk-background-stretch {background-image：url（' /myImage.jpg'）！important;}'。條件CSS就像'@media唯一屏幕和（max-width：768px）{}'。所以你會使用不同大小的圖像。 – LoicTheAztec

這就是我要找的。很有幫助。 – TARKUS

您需要從疊加要素刪除當前背景。然後你可以添加背景到標題，它會被看到。

.mk-header-bg.mk-background-stretch, 
.mk-header-toolbar { 
    background: none; 
} 
.mk-header-holder { 
    background-image: url('/myImage.jpg'); 
}

來源

2016-04-29 23:11:55 Vector

將背景圖像添加到木星4 WordPress主題標題

回答

相關問題