aw0118 Posted June 7 Share Posted June 7 (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 Edited June 7 by aw0118 Link to comment
Solution Lesum Posted June 7 Solution Share Posted June 7 @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. aw0118 1 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
aw0118 Posted June 7 Author Share Posted June 7 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
aw0118 Posted June 7 Author Share Posted June 7 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
Lesum Posted June 7 Share Posted June 7 @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
aw0118 Posted June 7 Author Share Posted June 7 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
Kacy-Jung Posted June 21 Share Posted June 21 Hi all May I ask how do you upload you preferred fonts? I am looking into replace font at the following places at www.kacy-jung.com 1. change Header (Hi, I am Kacy) font to Roboto Mono, 2. change Navigation (Home, Work, About) to Roboto mono, 3. Subtitle ( an UX/UI designer.....) to Synonym regular 4. The text box under the images (Title LanguageLand to Roboto mono, 5. Academic project.... change to Roboto Mono 6. Body (a mobile first....) to Synonym regular Can anyone help me with it? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment