Skip to main content
Solved

Change font in the 'back in stock' modal Shopify


Forum|alt.badge.img+1

Hi everyone, 

I am using the Neue Hass Unica font family on my shopify store and would like to have the same font in the style of the ‘back in stock’ modal. When installing the snippet it seems that the Google font Helvetica Neue is default: 

 

additional_styles: "@import url('https://fonts.googleapis.com/css?family=Helvetica+Neue');",

     drop_background_color: "#000",

 

When I try to put font_family: "New Hass Unica" in the code - nothing happens. 

 

Can anyone help?

Much appreciated, Luisa x

 

https://www.rayascollective.com/

 

 

Best answer by stephen.trumble

Hey @Luisa _rayas 

Thank you so much for reaching out for help with your custom font! There are a number of post here on the community on this topic already! Check out some of these post that will help you troubleshoot your challenge! 

Hope this helps!

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

3 replies

stephen.trumble
Community Manager
Forum|alt.badge.img+60
  • Community Manager
  • 1518 replies
  • Answer
  • March 20, 2023

Hey @Luisa _rayas 

Thank you so much for reaching out for help with your custom font! There are a number of post here on the community on this topic already! Check out some of these post that will help you troubleshoot your challenge! 

Hope this helps!


Forum|alt.badge.img+2

None of the links provided above relate to the Back in Stock popup in any shape or form!


Forum|alt.badge.img
  • Contributor I
  • 1 reply
  • October 29, 2024

@Luisa _rayas @milkbottlelough  if the fonts you want to use are on google fonts or adobe typekit, you can use this in the script: 
 

additional_styles: "@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,700;1,700&display=swap');",
font_family: "Archivo",
headers_font_family: "Archivo",

outlined here:
https://help.klaviyo.com/hc/en-us/articles/360001895651