Question

对不起是一个新手，但我真的需要你的帮助。

继承人的问题：我的主要wordpress主题与woocommerce，一切正常。问题是：我有另一个主题与另一个woocommerce风格，我需要将这个woocommerce css放到我的主题。

我怎么能这样做？因为即使我复制粘贴.css文件，我仍然需要来自其他主题的html类。

我不知道该怎么做，我真的很感激任何帮助。

谢谢，抱歉，英语不是我的母语。

@edit 我忘了说：我不需要所有的woocommerce css，我只是这个产品视图。像这样：https://image.ibb.co/kkPtEc/Sem_t_tulo.png

Answer 1

您可以使用： https://es.wordpress.org/plugins/custom-css-js/

使用适当的选择器来定位您想要的元素并以更高的精度到达它们，以优先于其他CSS。

例如：

.elementor-745 .elementor-element.elementor-element-lueowvi .elementor-image-box-content .elementor-image-box-title {
    color: #0351d8;
    font-size: 27px;
    font-weight: 500;
}

这是一个带有它的属性和值的css选择器（从我之前做过的wordpress复制）

如果我希望这个文字是红色而不是这种蓝色并改变字体大小，例如，我必须：

div.elementor-image-box-wrapper > div.elementor-image-box-content > h3.elementor-image-box-title {
    color: red;
    font-size: 30px;
}

为什么我选择了这个选择器？ 我知道这个元素位于一个带有 elementor-image-box-content 类的div中，该类位于带有 elementor-image-box-wrapper 的div中。

请注意，我还在css选择器中指定了html标记。

为什么要这样做？

我设置的选择器与主要主题相比更具体。因此，在渲染css时会优先考虑。

如果您处理基于身份的课程，您将需要javascript（我建议您使用jQuery，因为它主题或某些插件几乎总是加载，并且会让您更快地工作。

当我说基于id的类时，我的意思是：

<div class="product-id-25">
    <!-- other code -->
</div>
<div class="product-id-26">
    <!-- other code -->
</div>

您需要选择 product-id - * 并为每个循环创建一个通过jQuery添加css（例如）

如何将另一个woocommerce css主题放入我的主题？

1 个答案: