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

扫描二维码关注公众号,回复: 9169428 查看本文章

分别在括号里面加上属性:

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

如果你的图片存储在网络上,可以不进行第2步,第3步添加的代码改成:

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

重新部署就行啦。

发布了153 篇原创文章 · 获赞 46 · 访问量 7万+

猜你喜欢

转载自blog.csdn.net/qq_40922859/article/details/102886979