Dunikal Posted August 29, 2022 Share Posted August 29, 2022 (edited) Site URL: https://dunikal.com/magasin So this is the issue I'm having: When my Squarespace site is set to default language FR-CA, a non-breaking space is automatically inserted between the amount and dollar sign of all product prices. See below: <div class="product-price" id="yui_3_17_2_1_1661790753009_214"> À partir de 179,98 $ </div> The problem I'm having is when trying to customize .product-price through css. Adding any font-family element to .product-price will make the non-breaking space super long and break the page layout (see images attached). The price displays fine with the default site fonts. I can work around it with white-space: nowrap & overflow: hidden, but it doesn't work in the related-category block. Why does the non-breaking space act that way as soon as any font-family is added? Any way to control it? Thanks Edited August 29, 2022 by Dunikal Link to comment
tuanphan Posted August 31, 2022 Share Posted August 31, 2022 Hi, Can you share link to a product where you have problem? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment