[Resolved] Woocommerce price setting

[roadlink]

Hello,

I want to resize current price and old price in both categories and single product page.
Can you please advise?

I have used below code.
It works on category pages but not in single product pages.

/* Price Size*/
.woocommerce ul.products li.product .price{
    font-size: 22px;
}
/* Old Price settings */
.woocommerce ul.products li.product .price del {
opacity: .7;
color: #333;
font-size: 14px;
}

I tried below code;
It works on both category and single product page but it doesn’t change old price size or color.

/* Change price font size for single product and archive */
.woocommerce-Price-amount {
    font-size: 18px;
}
.woocommerce-Price-amount .price del {
    opacity: .7;
color: #333;
font-size: 14px;
}

[Leo]

Hi there,

Questions like these should be handled by WooCommerce’ support team.

It works on both category and single product page but it doesn’t change old price size or color.

.woocommerce div.product p.price del, .woocommerce div.product span.price del {
    color: #000000;
    font-size: 14px;
}

[roadlink]

Hello Leo,

Thanks for support.

In case somebody needs in future, My final code is like below.
Works on both category and single product page.

/* Price Size*/
.woocommerce ul.products li.product .price{
    font-size: 22px;
}
/* Old Price Size*/
.woocommerce div.product p.price del, .woocommerce div.product span.price del, ul.products li.product .price del {
    opacity: .7;
    color: #000!important;
    font-size: 14px;
}

[Leo]

Thanks for sharing!

[Author]

Posts