个性化阅读
专注于IT技术分析

如何使另一个woocommerce CSS主题放入我的主主题?

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

这是问题所在:我的主要主题是woocommerce, 一切正常。事情是:我有一个具有另一个woocommerce风格的辅助主题, 我需要将此woocommerce CSS设置为我的主要主题。

我该怎么办?因为即使我复制粘贴.css文件, 我仍然需要其他主题的html类。

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

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

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


#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时将具有优先权。

如果你处理基于ID的类, 则需要javascript(我建议你使用jQuery, 因为它总是由主题或某些插件加载, 这将使你更快地工作得更干净。

当我说基于ID的类时, 我的意思是:

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

你需要选择product-id- *并为每个循环创建一个, 以便通过jQuery添加CSS(例如)

赞(0) 打赏
未经允许不得转载:srcmini » 如何使另一个woocommerce CSS主题放入我的主主题?
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏