Elementor全局颜色和字体前端失效
问题:Elementor中设置了全部颜色和字段,后台编辑器中一切正常。前端显示时丢失颜色和字体样式
解决方案:
在站点设置中,重新添加前端丢失的全部设置的颜色和字体样式。在编辑器界面,选择样式正常的元素,审查元素,复制elementor中定义的所有全局的颜色和字体到下面Custom CSS中保存即可
代码示例如下::root 表示网页根的全局变量设置
:root {
--e-global-color-primary: #2B568D;
--e-global-color-secondary: #000000;
--e-global-color-text: #646464;
--e-global-color-accent: #006BAE;
--e-global-color-2d50e84: #DB852F;
--e-global-typography-primary-font-family: "Montserrat";
--e-global-typography-primary-font-weight: 400;
--e-global-typography-secondary-font-family: "Montserrat";
--e-global-typography-secondary-font-weight: 300;
--e-global-typography-text-font-family: "Arial";
--e-global-typography-text-font-weight: 400;
--e-global-typography-accent-font-family: "Montserrat";
--e-global-typography-accent-font-weight: 300;
--e-global-typography-051cce8-font-family: "Montserrat";
--e-global-typography-051cce8-font-weight: 600;
}