How to change the TAGLINE Font ONLY and Not the HEADER Font

https://pic8.co/sh/x6k3UD.png

Can you share site url?

On 10/29/2019 at 12:06 PM, tuanphan said:

Can you share site url?

Sure! Here you go :

https://jonathanpires.art

Its an art website :

I also am trying to get rid of the header when you scroll down so it does not follow you and get in the way of the art.

Add this CSS snippet to Custom CSS:

.site-tagline {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.5em;
}

Thank you so much! This worked! 🥳

Do you know of a Way that I can code the Font to be "Stack Mortar Courses" instead of "Sans-serif"?

Stack Mortar can be found under the "Other" Font Family.

5 minutes ago, AAA_Collective said:

Do you know of a Way that I can code the Font to be "Stack Mortar Courses" instead of "Sans-serif"?

For a Squarespace font to load, it must first be assigned to an element using Site Styles. I assume your template does not provide a font selection for the Site Tagline? If not, you need to assign the font you want to use to some other element in the site. Once you do, you'd be able to assign it to the tagline as well using it's unique font family slug – usually the font name in lowercase spaced with hyphens (`stack-mortar-courses`) for example. 

i have the same problem. i want to change the tagline into my font but not the rest of the site.  i tried to put the link you postet into custom css 

.site-tagline {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.5em;
}

but that didnt work on my site (lonelyriot.com)

please help

18 hours ago, LonelyRiot said:

i have the same problem. i want to change the tagline into my font but not the rest of the site.  i tried to put the link you postet into custom css 

.site-tagline {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.5em;
}

but that didnt work on my site (lonelyriot.com)

please help

Where is tagline on your site, can you take screenshot?

the red text that says lonely riot is what i want to change into my own red font.

On 4/1/2020 at 9:21 PM, LonelyRiot said:

the red text that says lonely riot is what i want to change into my own red font.

a.Header-branding, a.Mobile-bar-branding {
    font-family: yourfont !important;
}