Question

我正在尝试将我的wordpress网站woocommerce产品页面上的价格范围字体大小更改为32px（即“£8.00-£20.00”），请参阅示例页面：

http://www.partisan-deli.co.uk/index.php/product/1723/

据我所知，至少有两种不同的css类构成了价格范围：

woocommerce-价格-CURRENCYSYMBOL woocommerce-价格金额

我尝试在我的样式表中单独将相关的css添加到这些类中，但没有效果。

有谁知道如何在价格范围内全部改变所有这些？

干杯，

微米。

Answer 1

尝试

.price span {
 font-size: 32px !important; 
}

Answer 2

更改您在css中的这个课程：

    var carId = "...";
    var drivers = await _carCollection.Find(a => a.Id == ObjectId.Parse(carId))
                    .Project(a=>a.Drivers)
                    .SingleAsync();   


    UpdateDefinition<Car> makeInactive = new UpdateDefinitionBuilder<Car>()
                        .Set(a => a.Drivers[0].IsActive, false);

    for (var i = 1; i < drivers.Count; i++)
    {
       var index = i;
        makeInactive = makeInactive.Set(a => a.Drivers[index].IsActive, false);
    }

    await _carCollection.FindOneAndUpdateAsync(a => a.Id == ObjectId.Parse(carId), makeInactive);

添加.single-product .entry-summary .price span

Answer 3

你可以这样做

    .price span{
font-size: 32px !important;
}


   .woocommerce-Price-amount.amount, .woocommerce-Price-amount.amount span.woocommerce-Price-currencySymbol {
    font-size: 32px !important;
}

谢谢！

更改Woocommerce产品页面上价格范围的字体大小

3 个答案: