Jump to content

dont know how to change my site title header to custom uploaded font

Go to solution Solved by Lesum,

Recommended Posts

Posted (edited)

Hi y'all, I tried contacting sqsp livechat for this but apparently they can't help with mods. I have no knowledge of css but have been scouring online for the past few hours and managed to get most of my site to the custom uploaded font I wanted, but I can't figure out how to code the site title header. I don't know the "code" for the code. I attached a ss of the part I'm trying to change. Any help is appreciated. Thank u

ccb2.PNG

Edited by aw0118
Link to comment
  • aw0118 changed the title to dont know how to change my site title header to custom uploaded font
  • Replies 5
  • Views 177
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

  • Solution

@aw0118 Hi! Try adding this code under  Website > Pages > Website Tools > Custom CSS.

#header a#site-title {
    font-family: 'replace-with-your-font' !important;
}

If the code doesn't work, then please share your site URL.

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment
1 minute ago, Lesum said:

@aw0118 Hi! Try adding this code under  Website > Pages > Website Tools > Custom CSS.

#header a#site-title {
    font-family: 'replace-with-your-font' !important;
}

If the code doesn't work, then please share your site URL.

it worked! thank u angel

Link to comment
28 minutes ago, Lesum said:

@aw0118 Hi! Try adding this code under  Website > Pages > Website Tools > Custom CSS.

#header a#site-title {
    font-family: 'replace-with-your-font' !important;
}

If the code doesn't work, then please share your site URL.

Also, are u able to help me figure out how to make the text bold in the code? And if u know how, how to change the buttons to the font as well? Thank u

Link to comment

@aw0118 Replace the previous code with this code to make the header title text bold:

#header a#site-title {
	font-family: 'replace-with-your-font' !important;
	font-weight: 700 !important;
}

To change the button font, try this code:

#siteWrapper.site-wrapper .sqs-button-element--primary, #siteWrapper.site-wrapper .sqs-button-element--secondary, #siteWrapper.site-wrapper .sqs-button-element--tertiary {
	font-family: 'replace-with-your-font' !important;
}

 

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment
3 minutes ago, Lesum said:

@aw0118 Replace the previous code with this code to make the header title text bold:

#header a#site-title {
	font-family: 'replace-with-your-font' !important;
	font-weight: 700 !important;
}

To change the button font, try this code:

#siteWrapper.site-wrapper .sqs-button-element--primary, #siteWrapper.site-wrapper .sqs-button-element--secondary, #siteWrapper.site-wrapper .sqs-button-element--tertiary {
	font-family: 'replace-with-your-font' !important;
}

 

ur the best! thank u!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.