如何设置组件的背景图片?

浏览数量: 10     作者: 本站编辑     发布时间: 2016-12-15      来源: 本站

比如说面包屑导航组件,要给这个组件设置一张背景图片如何设置呢?

第1步:登录黑蝠后台

第2步:把面包屑导航组件所在的页面切换为当前页面,以“关于我们”页面为例来讲解;

把某个页面切换为当前页面

第3步:进入编辑样式操作界面,在关于我们页面,找到面包屑导航组件,把鼠标放到面包屑导航组件上,然后单击“编辑样式”;

单击编辑样式

第4步:在样式编辑器中,组件全局--》组件背景--》自定义--自定义--》选择图片上传--》设置平铺方式、平铺位置、背景尺寸,然后单击“保存”;

上传背景图片

第5步:由于面包屑导航组件本身占有的高度比较低,这样展示出来图片不好看,为了更美观,可以到组件边距中,增加组件的内外边距。注意:这一步请根据需要来选择,不需要的可以忽略此步骤。

设置组件边距

第6步:设置出来的效果如下图所示,是自己需要的,就可以点“发布”同步到网站前台,客户就可以看到啦。

面包屑导航组件的背景图片

扫描二维码获得更多黑蝠资讯

产品与服务

行业解决方案

帮助中心

关于我们

联系方式

邮箱:sales@hefoweb.com
地址:深圳市宝安区宝源路名优采购中心B座308
扫一扫关注    
版权2023 前海黑蝠(深圳)网络技术有限公司
前海黑蝠(深圳)网络技术有限公司是深圳网站建设公司谷歌推广公司、专业网站建设公司,为您提供外贸网站建设、品牌网站建设、小语种网站建设、跨境独立站建设、谷歌SEO推广、外贸推广平台服务,有需要的可以联系我们!