Set custom font for all elements (Store Locator)

CSS Codes Store Locator
1

Although we do provide a list of fonts for you to choose for your widget, you might happen to need a custom code.

If that is the case, add the code below to the Custom CSS field on the Style tab of your Store Locator widget’s settings:

.global-styles,
.elfsight-app-WIDGET_ID,
.eapps-store-locator-WIDGET_ID-custom-css-root {
font-family: 'CUSTOM NAME';
}

Replace WIDGET_ID with the ID of your widget and CUSTOM NAME with the name of the font you’d like to use.

Note: The font you’r going to use should be uploaded to your website.

1 Like
2

Hi Max, this doesn’t work. I have tried nearly everything to integrate custom fonts into Squarespace on the store locator using custom CSS on the widget and integrations on Squarespace to make my fonts globally visible. Is there a fix for this?

1 Like
3

Hi there, @Max_Mackrill :waving_hand:

It seems that your website is password protected now. Could you please send me a password in a direct message and specify the font you’d like to use? I’ll be happy to check it for you :slightly_smiling_face: