Hi, I have a question about how to change this font to the one used on almost the entire website, i.e. “MONO.” I can’t figure it out. Thank you in advance for your help.
https://ddbfr9-vj.myshopify.com/ password taycle
Hi,
You asked about how to change the font of a specific part of your website to match the font used almost everywhere else, which is called MONO.
Here’s how you can do it:
- Find the element you want to change:
Use your browser’s developer tools (right-click the text and select “Inspect”) to see what CSS class or ID is assigned to that element. - Add CSS to apply the “MONO” font:
Once you know the element’s selector (like.special-textor#header-title), you can add CSS to your theme’s stylesheet:
Hi @Bajgor
In your live them click on Customize then on the right select second icon(Theme settings) under Typography you have options to set Headings and body font. Mono is set for all headings so change it to some other font from the list.
Hi,
Hope this will help
- At right css file (theme.css, base.css, or styles.css)“Add the MONO Font”
CSS example
/* Change specific text block to use MONO font */
.your-text-class {
font-family: "Mono", monospace !important;
}
Replace .your-text-class with the class name. For example, if it’s .product-description, then:
Example of CSS
.product-description {
font-family: "Mono", monospace !important;
}