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

问题描述

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

Sample

Current situation

解决方法

我在您的div中添加了一个班级，称为“水果”。

请在您的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;
}