Using code to change the product price appearance

Hi everyone

My client wants the product price showing in a certain way both at checkout and on the product page.

https://www.porta-bowl.co.uk/shop/p/porta-bowl

I've had to set the product price to £20.82 so it shows the price at checkout with VAT added to become £24.99.

I've used the following code, which gives me the result of the screenshot

Quote

 

.product-price:before { 
  content: '£24.99 (RRP) '; 
}

.product-price:AFTER { 
  content: '+ VAT';  
}

 

This is exactly how we need it, however how can I make the £24.99 (RRP) font size bigger, and then have the £20.82 + VAT underneath?

Thank you, works a charm!

(Getting stressed over this one, had 3+ weeks to make any changes and decides to want them all done on Day 2 of going live)

Thanks so much, appreciate it!

4 hours ago, lauren-offpaper said:

Thanks so much, appreciate it!

You're welcome 🙂