分享笔记:

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