About the presentation of price

Hello,

01. Can you please share the page URL so I can check and give you a possible solution?

02. Try to add the following PHP code in the function.php of the child theme.

add_filter( 'woocommerce_get_price_html',     'change_displayed_sale_price_html', 10, 2 );
function change_displayed_sale_price_html( $price, $product ) {
     // Only on sale products on frontend and excluding min/max price on variable products
    if( $product->is_on_sale() && ! is_admin() && ! $product->is_type('variable')){
         // Get product prices
         $regular_price = (float) $product->get_regular_price(); // Regular price
         $sale_price = (float) $product->get_price(); // Active price (the "Sale price" when on-sale)

         // "Saving Percentage" calculation and formatting
         $precision = 1; // Max number of decimals
         $saving_percentage = round( 100 - ( $sale_price / $regular_price * 100 ), 1 ) . '%';

         // Append to the formated html price
         $price .= sprintf( __('<p class="saved-sale">You Save: %s</p>', 'woocommerce' ), $saving_percentage );
    }
    return $price;
}

Best Regards

Hello,

Remove the previous code and add the following PHP code in the function.php of the child theme.

add_filter( 'woocommerce_get_price_html', 'change_displayed_sale_price_html', 10, 2 );
function change_displayed_sale_price_html( $price, $product ) {
    // Only on sale products on frontend and excluding min/max price on variable products
    if( $product->is_on_sale() && ! is_admin() && ! $product->is_type('variable')) {
        // Get product prices
        $regular_price = (float) $product->get_regular_price(); // Regular price
        $sale_price = (float) $product->get_price(); // Active price (the "Sale price" when on-sale)
        
        // Calculate monetary savings
        $saving_amount = wc_price( $regular_price - $sale_price ); // Monetary saving
        
        // Append the savings in monetary form
        if ( is_product() ) { // Only show on single product page
            $price .= sprintf( __('<p class="saved-sale" style="color:red;">You Save: %s</p>', 'woocommerce' ), $saving_amount );
        }
    }
    return $price;
}

For the font adjustment, add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS.

.woocommerce div.product p.price del { 
font-size: 18px; /* Adjust the size here */
 }

Best Regards

Hello,

Can you please share the page URL so I will check and give you a possible solution?

Best Regards

Hello,

Sorry to say such modification requires complicated Woocommerce code customization which is not covered by our support.

You need to find a third-party plugin to achieve more functionality that best suits you.

Hope you can understand!

Best Regards