spot_img
HomeWordPress主题教程Bridge 教程Bridge主题系列教程 - 如何修改元素中默认的Hover颜色

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

在使用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,更改颜色,保存

效果如下:

WordPress建站服务

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

效果如下:

 

siteground 小红书电商教程
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES
spot_img

1 COMMENT

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