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

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!

@Comcool5000 Can you post your code which you used (ssyntax error) (Click 101 010 to paste icon)

Hey @tuanphan , thanks for the reply!

I just copied it from the included link.

Here it is but I've removed the <> around the top and bottom lines as they weren't showing up in the preview of this message.

style type = "text/css"

h4{

 font-weight: 50;
color: #1920f0;

}

/style

@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

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; }

try add !important to after, eg:

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

Thanks for that suggestion @tuanphan. Unfortunately it hasn't made any difference though. Still no additional heading available...

Do you think it might be due to the other custom CSS I added before it?