分享笔记:

Elementor图标常见错误

Elementor图标常见报错解决方法

文章目录

Icon图标大小尺寸乱码

又是一个粉丝朋友问的问题,她网站上的全部图标,不管是单纯的图标组件还是图标列表组件,都是以很大的尺寸出现,然而在她的后端elementor界面不是这样的,是正常大小。

elementor图标乱码

我的第一反应就是图标乱码了,重新生成一下elementor的css代码就可以。

后台Elementor界面 > Tools > Regenerate CSS & Data
“Elementor 中设置的样式保存在上传文件夹和站点数据库中的 CSS 文件中。 根据最新设置重新创建这些文件和设置。”

另外一个常见的错误就是 Font Awesome 版本不对,我们可以去后台 > Elementor > 高级设置 > 开启老版本的 Font Awesome 4

font awesome 4

Icon图标无法更改颜色

这个问题我也常常遇到,就是我有时会在Adobe Ilustrator调整或者自己做图标,导出SVG格式到Elementor之后,在样式更改图标颜色会完全没有反应,换不了颜色。

elementor 图标出错

在Ilustrator,alt + ctrl + E, 导出屏幕,选择SVG,选中齿轮

elementor 图标出错

找到SVG格式,将样式更改为“内联样式”,并将对象 ID 更改为 “唯一”。我是是西语的啊,不知道中文准确是怎么翻译的。

这样导出后在Elementor里上传的SVG就不会有无法换色的情况。

elementor 图标出错

其实你直接 ctrl + Shift + S,选择SVG格式,把编码换一下也可以。(我通常都是这样,快一点)

elementor 图标出错

为笔记评分

平均评分 5 / 5. 摘星者: 1

留下第一个评论

更多结果...

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

更多结果...

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors