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

Posted

技术标签:

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

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

Sample

Current situation

【问题讨论】:

能否分享一下页面链接 @FullStop 他必须在此处在您的问题中发布minimal reproducible example,并在任何其他网站上发布not a link。 下次我会照顾它@Rob 【参考方案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;

【讨论】:

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

以上是关于在 WordPress 的 Elementor 产品中为产品标题设置背景颜色的主要内容,如果未能解决你的问题,请参考以下文章

WordPress:Elementor 插件正在按钮中添加 <br>

如何在 Wordpress Elementor 脚本完全加载后运行我的脚本?

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

在 wordpress elementor 页面中添加 css 和 js 文件的位置

WordPress中Elementor教程 每个元素都有示例

html“服务器错误”中的Wordpress Elementor脚本