Change font in the 'back in stock' modal Shopify

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/

Page 1 / 1

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!

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

@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

Reply

Sign up

Use your Klaviyo credentials

Log in to the Community

Use your Klaviyo credentials

Scanning file for viruses.

This file cannot be downloaded