在使用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主题系列教程 – 如何添加社交按钮 在网站中添加社交媒体按钮链接增加引流是一种十分常见的方法。如果你想在你的Bridge主题网站中添加社交按钮,效果如以下截图,点击后可以进入自定义的社交平台页面。1.仪表盘中选择 Appearance - Widgets2.左侧小工具中选择 Qode Social Icon...
Bridge主题系列教程 – 如何一键添加所有二级页面的Banner Title 我们在使用Bridge主题进行wordpress建站的时候,每个内页都有一个顶部banner,如下图所示。顶部banner图片有时相同有时不同,下面将带领大家一起设置顶部banner图片的两种方法。 1.进入主题选项 Qode Options2.选择Title3.T...
Bridge主题系列教程——如何使用portfolio添加修饰你的项目案例展示 公司案例展示是大多数企业 / 商城建站必备的菜单栏目。在wordpress中,已有现成的模块可以进行案例展示的发布,就如同新闻发布一样。但是基于wordpress不同的主题,每个主题有它自己的portfolio风格及填写方式,下面就将简单介绍wordpress中Bridge主题的portfolio用...
Bridge主题系列教程 – 如何更改菜单栏的栏目属性 在现有的Bridge主题模板中,很多栏目的属性都需要作出改动,比如产品菜单栏下的栏目如果想要直接跳转到产品详情页,就不应该是“页面”属性,正确的是“产品”属性,如下:那我们应该在哪里设置这个属性呢?  (1)点击外观-菜单默认的选项中也许没有“产品”一...

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

发表评论

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

wechat logo