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

Question

抱歉我是新手，但我真的需要你的帮助。

问题出在这里：我的主要 wordpress 主题是 woocommerce，一切正常。问题是：我有一个带有另一种 woocommerce 风格的次要主题，我需要将这个 woocommerce css 变成我的主要主题。

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

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

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

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

Answer 1

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

使用适当的 select 或定位您想要的元素并更精确地到达它们以优先于其他 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 select 或者具有它的属性和值（从我前段时间做的 wordpress 复制）

如果我想让这段文字变成红色而不是蓝色，并更改字体大小，例如，我必须：

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

我为什么这样做 select 或者？ 我知道这个元素在 div 和 elementor-image-box-content class 里面，它在 div 和 里面elementor-image-box-wrapper.

请注意，我还在 css select 或

中指定了 html 标签

为什么会起作用？

selector i 集比主题集更具体。所以当 css 渲染时它会优先。

如果您处理 id-based classes，您将需要 javascript（我建议您使用 jQuery，因为它是由主题或某些插件加载的几乎总是而且会让你工作得更快更干净。

当我说 id-based class 时，我的意思是：

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

您需要 select product-id-* 并为每个循环添加 css 到 jQuery（例如）

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

How to get another woocommerce css theme to put in my main theme?

css

wordpress

wordpress-theming

woocommerce

woocommerce-theming