Skip to main content
Solved

Popup font not rendering correctly on website (Shopify Hosted)


Forum|alt.badge.img+3
  • Contributor I
  • 1 reply

Hey Klaviyo Community! 

I am having a rough time with my popups. Within the Klaviyo popup builder, everything looks formatted perfect. However, when you visit the website (www.shopgreytones.com) all of the fonts are not formatted correctly. Parts will be wrong sized, others will be be bold.

Not 100% sure how long this issue has been happening (didn’t originally occur after initial setup). I like to update them quarterly to add fresh content. I am on a paid Shopify theme that has not been altered in code at all. I read a couple older threads that mentioned this could have been the result of some CSS edits. 

 

Appreciate any help someone may have!

Best answer by bluesnapper

Welcome to the community @Silvz 

It looks like the form has introduced some additional span tags between “Would you like 10% off” and “your first order?” which is messing with font formatting. I removed those (not on your live site!) and it looks OK.

I suggest you edit your form, copy/delete that text, paste it back as plain text (or type it again), and then adjust the font size.

Let me know if that works OK for you

Regards

Andy 

View original
Did this topic or the replies in the thread help you find an answer to your question?

3 replies

bluesnapper
Partner
Forum|alt.badge.img+45
  • Champion & Partner
  • 737 replies
  • Answer
  • May 14, 2024

Welcome to the community @Silvz 

It looks like the form has introduced some additional span tags between “Would you like 10% off” and “your first order?” which is messing with font formatting. I removed those (not on your live site!) and it looks OK.

I suggest you edit your form, copy/delete that text, paste it back as plain text (or type it again), and then adjust the font size.

Let me know if that works OK for you

Regards

Andy 


Forum|alt.badge.img+3
  • Author
  • Contributor I
  • 1 reply
  • May 15, 2024

@bluesnapper Looks like that worked!! Had to remove all my text inserts and remake them manually! Thank you very much for the assist!


bluesnapper
Partner
Forum|alt.badge.img+45
  • Champion & Partner
  • 737 replies
  • May 15, 2024

Glad it fixed your issue @Silvz 

Regards

Andy