How can I change the slideshow font to Mono in the Refresh theme?

Store Design
, , ,
1

I want to change the font on the slideslow to Mono, so that “This should be Mono” is Mono (see picture). I am using the Refresh theme. I have tried changing the typography to Mono, but the heading is still not Mono. I want Headings to be Mono, and all bodies on the page to be Sans-Serif.

How can I do this? I have tried numerous ways I’ve found through googling, none of which have worked.

newuser1231_1-1689264236181.png
newuser1231_1-1689264236181.png1086×671 56.9 KB

2

Hello @newuser1231 ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file → add this following code at the bottom of page

.slideshow-heading {
  font-family: "Mono", monospace;
}

To set the body font to Sans-Serif, add the following CSS code:

body {
  font-family: "Sans-Serif", sans-serif;
}

Save and preview

Hope this can help.

Transcy