kama

Hi! I am looking for a solution to this one as well. Please let me know if you've found a custom CSS to obtain this effect

Hi! I just used a code from here - https://www.ghostplugins.com/steps/reformat-product-price-71-version it works great, but I would like to add space between the $ sign and the amount. So instead of $1000 would be $ 1000. Does anyone have a clue how to do it? pasting the code below: <!-- Reformat Product Price (15,000.00 -> 15000) --> <!-- Author: Dmitry Kiselyov @_dmitrykiselyov --> <script src="https://cdn.jsdelivr.net/npm/@ryanmorr/ready@1.4.0/dist/ready.umd.js"></script> <script>!function(){function reformatPrice(price){var priceClone=price.cloneNode(!0);function reformat(){priceClone.innerHTML=price.innerHTML;var target=priceClone.querySelector(".sqs-money-native")||priceClone,textNode=priceClone.querySelector(".sqs-money-native");target.textContent.length>1?target.textContent=format(target.textContent):textNode&&(textNode.textContent=format(textNode.textContent))}function format(text){return text.replace(",","").replace(/\.\d{2}/,"")}function watch(){var observer;new MutationObserver(reformat).observe(price,{childList:!0})}priceClone.classList.add("product-price-clone"),price.parentNode.insertBefore(priceClone,price.nextElementSibling),price.style.display="none",reformat(),watch()}ready(".product-price:not(.product-price-clone),.original-price:not(.product-price-clone)",reformatPrice)}();</script> <!-- end Reformat Product Price --> thanks in advance! Kama