Icon图标大小尺寸乱码
又是一个粉丝朋友问的问题,她网站上的全部图标,不管是单纯的图标组件还是图标列表组件,都是以很大的尺寸出现,然而在她的后端elementor界面不是这样的,是正常大小。
我的第一反应就是图标乱码了,重新生成一下elementor的css代码就可以。
后台Elementor界面 > Tools > Regenerate CSS & Data
“Elementor 中设置的样式保存在上传文件夹和站点数据库中的 CSS 文件中。 根据最新设置重新创建这些文件和设置。”
另外一个常见的错误就是 Font Awesome 版本不对,我们可以去后台 > Elementor > 高级设置 > 开启老版本的 Font Awesome 4
Icon图标无法更改颜色
这个问题我也常常遇到,就是我有时会在Adobe Ilustrator调整或者自己做图标,导出SVG格式到Elementor之后,在样式更改图标颜色会完全没有反应,换不了颜色。
在Ilustrator,alt + ctrl + E, 导出屏幕,选择SVG,选中齿轮
找到SVG格式,将样式更改为“内联样式”,并将对象 ID 更改为 “唯一”。我是是西语的啊,不知道中文准确是怎么翻译的。
这样导出后在Elementor里上传的SVG就不会有无法换色的情况。
其实你直接 ctrl + Shift + S,选择SVG格式,把编码换一下也可以。(我通常都是这样,快一点)