Divi WordPress Theme

【教学目的】如果没有背景图,每一行都是白色,网页会非常单调,所以这个章节将教大家如何给行元素添加背景色或者图片。

点击行右上角的小铅笔进入行编辑。行样式选择第二个,Default VC。

随后选择行设置下的第二个设计选项。

你会看到有一个背景(Background-color)选项设置,点击可以选用不同的背景颜色,下方Alpha可调整背景色的不透明度。

保存更新后的前台样式。

背景图片的插入在背景颜色选项的下方,点击灰色的+号打开媒体库选择/上传背景图片。

保存后更新前台样式。

这时候你会发现背景图片仅仅出现了一小部分。

那是因为背景图片的高度由行内元素的高度所决定。尝试在行内添加空白格(Empty Space)

你会发现背景图片的高度随之增大了对应的高度。(空白格的用法将在系列教程的后期内容中展开描述)

 

【免费外贸推广营销视频培训教程】
https://school.yooopaaa.com

WordPress著名Avada主题官方优惠
https://1.envato.market/xxPav

WordPress可视化建站Elementor插件
https://elementor.com/?ref=19904

WordPress外贸独立站DIVI主题官方优惠
https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=59787

亚马逊选品工具Jungle Scout官方优惠
https://junglescout.grsm.io/jieqiu1568

独立站SEO优化工具Semrush免费7天试用
https://shareasale.com/r.cfm?b=1577772&u=2541755&m=97231&urllink=&afftrack=