Jump to content

I need to add one extra font/heading option using CSS

Recommended Posts

Hi, i need to add one extra font option to my site. Ideally I'd just like to have the option of "Normal" in two different sizes.

I want to use "Normal" at about 15px for body text. But I also want to use it at about 8px for small text at the bottom of my site.

I've tried to use this technique (but in the standard CSS box, not the one only available to business accounts):

https://answers.squarespace.com/questions/21231/can-you-add-a-new-header-type-h4-available-to-all-pages-in-ss.html

But I get a syntax error.

Any suggestions of how to solve this would be greatly appreciated.

Thanks!

Link to comment
  • Replies 6
  • Views 443
  • Created
  • Last Reply

@ComCool5000 Add this code to HOME > DESIGN > CUSTOM CSS (available on all ss plans)


h4 {
font-weight: 500;
 color: #1920f0;
}

see how to insert if you don't know: https://beaverhero.com/squarespace-how-to/#HowtoInsertCustomCSS

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Hi, thanks for that! I'm not getting the syntax error now, however I still don't have the option of an extra H4 heading when I try to change some text...

I also should mention that I've already added CSS prior to this so that I could add a new font. So my CSS window now looks like this:

@font-face { font-family: 'BC Steiner'; src: url(' https://static1.squarespace.com/static/5d33ac7c37963a000108639e/t/5d346469057823000185ab6b/1563714666838/BC+Steiner+LSB+Bold.otf ' ) ; font-weight: regular;}

h1{ font-family: 'BC Steiner';}

h4 { font-weight: 500; color: #1920f0; }

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.