Jump to content

Custom Site Subtitle or Tag Line

Recommended Posts

Posted

Site URL: https://mauigourdsbyjaz.squarespace.com/?p

I am trying to change the site subtitle (also called tag line) to a custom font.  I am in a Wells template.  I used the code below and it worked for the Site Title but not the subtitle.  I tried ".site-subtitle {" and ".site-tag-line {" and ".site-tagline {" but none of them worked.  Can you help?

 

@font-face {
    font-family: 'PlaylistScript';
       src: url('https://static1.squarespace.com/static/5e9a3048ee732265f283c1bf/t/5f30b9219c22550d4dd0c811/1597028641502/Playlist+Script.otf');
}
.site-title {
             font-family: 'PlaylistScript' !important;
}
.site-tag-line {
             font-family: 'PlaylistScript' !important;

  • Replies 4
  • Views 450
  • Created
  • Last Reply
  • 9 months later...
Posted
18 hours ago, PRWORKS said:

Hello @tuanphan

I also want to change the font of the tagline in the Wells template.
The font I want to specify for the tagline is "klee-one".
It would be very helpful if you could give me the code to do so.

URL https://sepia-azalea-yga2.squarespace.com/
PW kiitos

Many Thanks.

It is custom font or Squarespace font?

/* tagline font */
.logo-subtitle {
    font-family: klee-one !important;
}

 

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!)

Posted
11 hours ago, tuanphan said:

It is custom font or Squarespace font?


/* tagline font */
.logo-subtitle {
    font-family: klee-one !important;
}

 

Thank you for your quick answer!
As you said, "klee-one" is a custom font, so initially inserting this code did not work. However, I separately obtained the ID from Adobe Fonts, and the problem has been solved.

Thank you again.

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.