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("图片地址");

重新部署就行啦。

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