Add space between currency symbol and price.

My website displays the currency symbol as ‘Rs’ (pakistani rupees). I want there to be a space between the Rs and the numbered price everywhere on the website.

e.g ‘Rs 1200’ instead of ‘Rs1200’

How can I achieve this?

Hello,

Please find this code in the Theme Settings > Custom CSS > Global:

body .woocommerce-Price-currencySymbol {
    font-family: Arial;
}

and replace for this one:

body .woocommerce-Price-currencySymbol {
    font-family: Arial;
    display: inline-block;
    margin-right: 10px;
}

Best Regards

thank you, it worked!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts