时间戳

首页 > 解决方案 > CSS 适用于 chrome 开发工具和实时 CSS 编辑器，但不适用于 wordpress 实时站点

css - CSS 适用于 chrome 开发工具和实时 CSS 编辑器，但不适用于 wordpress 实时站点

问题描述

我想添加一些 css 来修复这个网页的 rtl：http: //homedoctor.sa/ar/insurance/

我在 chrome 开发工具和实时 css 编辑器上尝试了 css，它似乎工作得很好。但是，当我通过 wordpress（外观 > 自定义 > 附加 CSS）添加相同的代码时，它显示没有任何变化。

我尝试添加 !important 但这也不起作用。在此处输入图像描述

这是CSS：

.rtl .elementor-7410 .elementor-element.elementor-element-3b979d8f .elementor-heading-title {
    font-size: 35px;
    margin-top: 17px;
}

.rtl .elementor-7410 .elementor-element.elementor-element-18d64e63 .elementor-image-box-content .elementor-image-box-title {
float: right;
}

.elementor-7410 .elementor-element.elementor-element-3b979d8f {
    text-align: center; 
}
.elementor-7410 .elementor-element.elementor-element-5d12ca7f .elementor-heading-title {
text-align: center;
}

标签： csswordpress

解决方案

我看到您正在使用 elementor 页面构建器来创建您的页面。elementor 的问题在于它的 css 粘贴在 Elementor 编辑页面中，而不是在外观 > 自定义 > 附加 CSS 中。

您可以将它们添加到 Elementor > Navigate to Section > Click on Section where you want to place this > Goto Advanced options in left Elementor Panel > Custom CSS那里并将您的 CSS 粘贴到那里。

这应该可以解决您的问题，并且可以帮助您编辑页面。

推荐阅读