代码开发的主题兼容Elementor设计的页,遇到的问题汇总

代码开发的主题兼容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元素的组件内容,组件来源小部件区域。

Comments are closed.