Changing the monospace font

Hi!

How can I change typeface for monospace? My custom font works for everything else, but I don't know how to change the CSS for this. Seems that Squarespace automatically uses monospace when writing a description for an embedded block content.

Also any ideas how to reduce padding between code block content and the text under it?

Thanks!

Can you share link to page where you use monospace? We can help easier

https://www.lottablomberg.com/ --> Serif font under the video (code block). Just noticed that monospace occurs on portfolio pages too.

Add to Home > Design > Custom CSS

p.sqsrte-small {
    font-size: 20px;
    font-family: futura-pt;
}

So the link is this: it's unpublished though so unsure if you'll be able to see it:

guitar-terrier-37w2.squarespace.com

If not I've also added a screenshot, it's added the asterisk infront of the H1 which is awesome thank you! 

Unsure how to style now font wise to make it match the logo? Logo asterisk is Myriad Pro

Thank you!

On 8/12/2021 at 10:36 PM, MartinC said:

So the link is this: it's unpublished though so unsure if you'll be able to see it:

guitar-terrier-37w2.squarespace.com

If not I've also added a screenshot, it's added the asterisk infront of the H1 which is awesome thank you! 

Unsure how to style now font wise to make it match the logo? Logo asterisk is Myriad Pro

Thank you!

 

 

Hi. What is access password?

It's: AsteriskHelp%

On 8/25/2021 at 4:48 PM, MartinC said:

It's: AsteriskHelp%

Hi,

It looks like you solved this?

@tuanphan Hi Tuan, me again. When I upload images and create a subtitle with the image it has a certain font when selecting "Monospace". I would like to apply this font to one sentence on a certain page, how do I do this?

23 hours ago, IwanJ said:

@tuanphan Hi Tuan, me again. When I upload images and create a subtitle with the image it has a certain font when selecting "Monospace". I would like to apply this font to one sentence on a certain page, how do I do this?

Make the sentence bold & share link to that page, we will give the code

I have other text in bold on the page, so I don't want to confuse you.

So on this page:

https://deep-learning-cafe.squarespace.com/menu

Please change font of circled text on Capture 1 to font and size of circled text on Capture 2