改变页面主体背景色

通常情况下,一个网站的所有页面的背景色都是统一的,如果想要单独改变其中任意页面主体的背景色,这篇文章将会告诉你具体的操作方法。

调整页面主体背景色

STEP 01

进入后台进入想要调整的页面卡片,单击右侧居中的按钮,拉开了右侧面板。

STEP 02

在面板里会看到页面里元素的层级,在最上方找到“页面主体”。单击“页面主体”,就会看到工作区上方的样式栏里的【背景色】的选项。

STEP 03

在背景色面板中对颜色进行设置。

调整底层背景之上的组件元素背景色

在底层背景之上,如果有组件或元素设置了背景色,就会部分覆盖住底层的背景色,这时如果想要整个页面都能保持统一背景色,就需要继续操作。

这里以导航为例继续讲解。

STEP 04

回到后台主页,找到【头尾】的页面卡片,导航就在这个页面卡片中。

STEP 05

选中导航后,在样式栏里的【背景色】里,把导航背景色调整透明度到0,也就是拖动滑块到最上方,让背景色完全不可见。

这时,回到页面预览就会看到导航背景色和页面主体背景色统一了。