tips
教程需要,本站采用的国外服务器,国内访问较慢,感谢耐心等待。

如何在 Elementor 中更改链接颜色

这篇文章给大家介绍下怎么在Elementor中更改链接颜色。

首先我们需要清楚的一个问题是在网站上各个不同的位置或者场景(例如按钮)都有不同的链接,而这些链接的颜色可能是不一样的。

想要修改这些链接的颜色,我们最先考虑的是去设置全局样式。

第1步:进入Elementor设置里面,禁用掉默认的颜色。

禁用elementor默认颜色

第2步:进入Elementor的站点设置选项。

具体进入方法是,随便打开一个用elementor编辑的页面,进入Elementor编辑界面。

点击左上角三条横杠,进入站点设置。

elementor站点设置

第3步:选择主题风格-排版,下面就可以看到链接颜色。

设置elementor链接颜色

这里可以设置标准颜色和悬停颜色,悬停就是鼠标移动到链接上显示的颜色。

其他的像标题和文本的颜色也应该先从这里设置,方便后期统一更换调整颜色。

其他一些单独的链接颜色调整

上面是设置的全局链接颜色,但是这个颜色在一些特定的地方可能并不合适,例如页眉、页脚,或者某个页面的特定链接,我们可以通过下面的方式设置颜色。

elementor按钮颜色

如果是按钮需要修改颜色,只需要切换到样式标签,然后设置文本颜色就可以了。

而如果是文本框里面的一个链接需要改颜色怎么办呢?

分两种情况处理。

1、如果你这种文本框里面的链接修改颜色用到的比较多,那么就自定义一个class,然后通过css去设置。

自定义elementor链接颜色class

比如我们在这里给CSS类增加了一个diy-a的值。

接着到主题自定义CSS代码里面添加上下面的代码。

.diy-a a {color: green; text-decoration: none;}
.diy-a a:hover {color: red; text-decoration: underline;}

设置之后,你带有diy-a这个class的链接都会变成绿色,鼠标移动上去就变成红色。

2、如果你只是偶尔一个链接需要变色,那么直接改链接的代码就行,如下:

修改A标签链接

以上的几种方法灵活运用,你就可以自己使用elementor给链接改颜色了。

随便看看

发表评论

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