这篇文章给大家介绍下怎么在Elementor中更改链接颜色。
首先我们需要清楚的一个问题是在网站上各个不同的位置或者场景(例如按钮)都有不同的链接,而这些链接的颜色可能是不一样的。
想要修改这些链接的颜色,我们最先考虑的是去设置全局样式。
第1步:进入Elementor设置里面,禁用掉默认的颜色。
第2步:进入Elementor的站点设置选项。
具体进入方法是,随便打开一个用elementor编辑的页面,进入Elementor编辑界面。
点击左上角三条横杠,进入站点设置。
第3步:选择主题风格-排版,下面就可以看到链接颜色。
这里可以设置标准颜色和悬停颜色,悬停就是鼠标移动到链接上显示的颜色。
其他的像标题和文本的颜色也应该先从这里设置,方便后期统一更换调整颜色。
其他一些单独的链接颜色调整
上面是设置的全局链接颜色,但是这个颜色在一些特定的地方可能并不合适,例如页眉、页脚,或者某个页面的特定链接,我们可以通过下面的方式设置颜色。
如果是按钮需要修改颜色,只需要切换到样式标签,然后设置文本颜色就可以了。
而如果是文本框里面的一个链接需要改颜色怎么办呢?
分两种情况处理。
1、如果你这种文本框里面的链接修改颜色用到的比较多,那么就自定义一个class,然后通过css去设置。
比如我们在这里给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、如果你只是偶尔一个链接需要变色,那么直接改链接的代码就行,如下:
以上的几种方法灵活运用,你就可以自己使用elementor给链接改颜色了。