How to customize the regular price and sale price

Hello, Leon,

Thank you for reaching out to us with your request.

We understand that you would like the font color and size of the regular selling price to match the sale price when a product has only one regular price, both on the product category page and the single product page. Below is the CSS code that should help you achieve the desired styling:

/* Product Category Page */
/* With-discount product */
.etheme-product-grid .price del {
font-size: 16px;
font-weight: 500;
color: #ADADAD;
}
/* Without-discount product */
.etheme-product-grid .price {
color: #000000 !important;
}

/* Single Product Page */
/* With-discount product */
.single-product .price del {
    font-size: 16px;
    font-weight: 500;
    color: #ADADAD;
}
/* Without-discount product */
.single-product .price {
font-size: 18px !important;
font-weight: 600 !important;
color: #000000 !important;
}

https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

Best Regards,
8Theme’s Team

Dear Leon,

As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

Click here to share your valuable perspective: https://themeforest.net/downloads

Your time and trust are highly appreciated!

Best Regards,
The 8Theme Team