代码开发的主题兼容Elementor设计的页,遇到的问题汇总
1.Elementor全局字体和颜色设置后,后台Elementor编辑器设计界面时,样式和字体都正常,但前端显示时,字体和颜色显示有全的问题?
方案:需要在主题的style.css中把Elementor定义的全局字体和颜色全局变量代码放置入body元素中, body中的定义来自elementor全局字体和颜色设置中。
body {
--e-global-color-primary: #101010;
--e-global-color-secondary: #333333;
--e-global-color-text: #7D7D7D;
--e-global-color-accent: #054C85;
--e-global-color-fb992bb: #0068B7;
--e-global-color-c0a7e4a: #BF2D20;
--e-global-typography-primary-font-family: "Arial";
--e-global-typography-primary-font-weight: 600;
--e-global-typography-secondary-font-family: "Arial";
--e-global-typography-secondary-font-weight: 500;
--e-global-typography-text-font-family: "Arial";
--e-global-typography-text-font-weight: 400;
--e-global-typography-accent-font-family: "Roboto";
--e-global-typography-accent-font-weight: 500;
}
上面的body变量值来自于下面Elementor中的全局字体和颜色设置


2.自定义代码开发的主题兼容Elementor设计页面时,一定要选择页面布局为Elementor Flull Width,否则页面底部会显示一些非Elemetnor元素的组件内容,组件来源小部件区域。
