在 WordPress 的 Elementor 产品中为产品标题设置背景颜色答案

【问题标题】：Set background color for product title in Products of Elementor in WordPress在 WordPress 的 Elementor 产品中为产品标题设置背景颜色
【发布时间】：2021-02-08 11:10:01
【问题描述】：

我使用 WordPress + WooCommerce 开发网站。我在 Elementor 中实现 Products 小部件。我想为产品标题设置红色背景#EC1D38，如图所示。默认设置没有背景颜色设置。任何帮助将不胜感激。谢谢。

Sample

Current situation

【问题讨论】：

能否分享一下页面链接
@FullStop 他必须在此处在您的问题中发布minimal reproducible example，并在任何其他网站上发布not a link。
下次我会照顾它@Rob

标签： wordpress woocommerce product background-color title

【解决方案1】：

我在您的 div 中添加了一个名为“fruits”的类。

请将以下 CSS 添加到您的 CSS 文件中。

.fruits h2.woocommerce-loop-product__title {
    background: #ec1d38;
    color: white !important;
    padding: 15px;
    margin: 0;
}
.fruits li.product.type-product {
    padding: 0 !important;
}
.fruits a.button.product_type_simple {
    display: none;
}

【讨论】：

请接受此答案并删除您帐户中的编辑用户