Yilia主題自定義左側背景圖片

134522_愛奇藝.jpg

左側默認的背景是純色的,這裏給出一種方法更改爲圖片背景。

修改主題配置

1、找到themes\yilia\目錄下的_config.yml,修改配置:

header 這一項修改爲 #00000

20190730150445.png

2、把你選好的背景圖片放到themes\yilia\source目錄下

圖像推薦大小:700 x 1200,出來的效果比較好

20190730151232.png

3、打開yilia\source目錄下的main.xxxx.css,進行修改

這裏的xxxx是不確定的意思,有些人重新build後會和原版的不一樣

Crtl + F搜索.left-col{.left-col .overlay{以及#mobile-nav .overlay

20190730152116.png

20190730152431.png

20190730152804.png

分別在括號裏面加上屬性:

    background-image:url("圖片文件名");

如果你的圖片存儲在網絡上,可以不進行第2步,第3步添加的代碼改成:

    background-image:url("圖片地址");

重新部署就行啦。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章