在使用Bridge主题中,默认的鼠标经过颜色都为绿色,为了适配不同的网站类型,需要修改不同的hover颜色,但是这些颜色都在哪里设置呢?

 

我们举个例子:

切换首页幻灯片的左右按钮在鼠标经过时默认呈绿色

如果我想更改成橙色,首先点击qode opyions,找到elements

(1)点击-Element,进入元素设置

 

(2)找到carousel sliders-icon arrow style板块,点击arrow hover color

 

(3)可以选择颜色,或清空色值输入自己想要的具体色值

(4)选择完颜色后,记得保存

 

 

(5)刷新页面,就可以看到按钮颜色更改完成了

 

当然,颜色更改要统一,左右按钮颜色更改完成后,需用同样的方法,更改别处绿色效果。

 

如果,你想更改鼠标经过返回到顶部的按钮颜色,找到back to top button更改边框及背景颜色

效果如下:

如果想更改鼠标经过一级菜单文字时的颜色,找到header&menu,更改颜色,保存

效果如下:

如果想更改按钮颜色时,找到button,更改颜色,保存

效果如下:

不要忘记,更改完出现在页面上的元素后,加载图标的颜色也是需要更改的,找到loading animation graphic,更改颜色,保存

效果如下:

 

专业网站开发网页设计公司

深度阅读:

Bridge主题系列教程1.0-Bridge主题介绍 Bridge是一个建立在非常强大和灵活的框架QODE上的多用途插件,允许您创建列表和目录网站。这个插件包含了一个新的列表post类型,各种用于显示列表的短代码,等等。新的完整新闻功能——创建您的新闻网站。多亏了超棒的新闻插件,Bridge现在提供了各种专门为在漂亮的新闻和杂志布局中显示文章而...
Bridge主题系列教程1.2-Bridge导入demo站点 上一篇文章我们讲了Bridge安装使用,今天我们来看一下在Bridge中如何使用1.0中376+的个性demo。点击左下角的Qode Import在下拉框中,可以选择你需要的那款demo,觉得在这里一个个看麻烦的可以在1.0-Bridge主题介绍里介绍的网站去先看看对应的每个demo...
Bridge主题系列教程1.3-重置站点 在上一章我们讲了Bridge主题如何导入Demo,但是导入Demo会有一定几率失败,卡读条,页面显示不全等,这时候需要我们使用重置站点的方式再次导入。 1. 安装...
Bridge主题系列教程——如何使用portfolio添加修饰你的项目案例展示 公司案例展示是大多数企业 / 商城建站必备的菜单栏目。在wordpress不同的主题,每个主题有它自己的portfolio风格及填写方式,下面就将简单介绍...
Bridge主题系列教程—如何设置幻灯片模块 在网站设计中,首页里经常会出现幻灯片模块呢? 接下来给大家介绍一个常见的设置方法:  1.进入主题选项 Slider Revolution2.选择新建滑块  3.滑块设置 在滑块设置中,需要为该滑块进行命名,并选择滑...
Bridge主题系列教程 – 如何添加社交按钮 在网站中添加社交媒体按钮链接增加引流是一种十分常见的方法。如果你想在你的Bridge主题网站中添加社交按钮,效果如以下截图,点击后可以进入自定义的社交平台页面。1.仪表盘中选择 Appearance - Widgets2.左侧小工具中选择 Qode Social Icon...
Bridge主题系列教程1.1-Bridge安装使用 在观看完bridge的介绍和模板展示后,我们开始Bridge的安装使用。 1.上传主题 在网站后台点击外观—主题—添加—上传主题。选择文件夹中名为bridge的压缩包,点击现在安装。 等待主题安装完毕。同理安装文件夹内br...

One thought on “Bridge主题系列教程 – 如何修改元素中默认的Hover颜色

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

wechat logo