destinyestringer Posted August 1, 2019 Share Posted August 1, 2019 (edited) Hi! I just switched up to the Wells template. I want to change the Site Title and Navagation to a custom web font I have been using. I was able to do it to my old template, but that HTML/CSS is not working for this new template. I have the font code: @font-face { font-family: 'Recoleta'; src: url('https://static1.squarespace.com/static/5928e31fe58c62d37df2a7d1/t/5d410d7047ee420001652090/1564544369780/39DCEF_0_0.woff2') format('woff2'), url('https://static1.squarespace.com/static/5928e31fe58c62d37df2a7d1/t/5d410d739a4d4a0001fa3e70/1564544371195/39DCEF_0_0.woff') format('woff'), url('https://static1.squarespace.com/static/5928e31fe58c62d37df2a7d1/t/5d410d63a71ed100016bafe7/1564544355607/Latinotype+-+Recoleta+SemiBold.otf') format('otf'); } but none of the HTML/CSS I have found is working for me. I have tried each of these so far and nothing. (Each at one time, not together.) #headerNav nav a { font-family: 'Recoleta' !important; } .desc-wrapper p > strong { font-family: 'Recoleta' !important; } header h1.site-title { font-family: "Recoleta"; } .has-site-title .Header-branding { font-family: "Recoleta"; } Any help would be appreciated! Thanks! Edited August 1, 2019 by desibeee Initial Revision staticmotion 1 Link to comment
0 tuanphan Posted August 1, 2019 Share Posted August 1, 2019 @desibeee Add to Home > Design > Custom CSS /* Font Recoleta Site Title */ .logo.site-title a { font-family: 'Recoleta' !important; } /* Font Nav */ div#topNav a { font-family: 'Recoleta' !important; } k8lizzy 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 destinyestringer Posted August 1, 2019 Author Share Posted August 1, 2019 Thank you so much! Worked perfectly. Link to comment
0 k8lizzy Posted October 28, 2019 Share Posted October 28, 2019 On 8/1/2019 at 4:01 PM, tuanphan said: @desibeee Add to Home > Design > Custom CSS /* Font Recoleta Site Title */ .logo.site-title a { font-family: 'Recoleta' !important; } /* Font Nav */ div#topNav a { font-family: 'Recoleta' !important; } Hi - I'm actually trying to use this exact same webfont in the site title/header of the Juke and Miller templates - for some reason this code didn't work with these. Any idea what might work for these templates? Thank you!! Link to comment
0 tuanphan Posted October 29, 2019 Share Posted October 29, 2019 @k8lizzy Which element in header? Use this code for Miller & Juke Site Title /* Miller Site Title */ a.Header-branding, a.Mobile-bar-branding { font-family: 'Recoleta' !important; } k8lizzy 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 ddl_ellsie Posted October 29, 2019 Share Posted October 29, 2019 (edited) Hi @tuanphan Do you know the code to change the Site Nav button fonts at the below website to a Custom uploaded font? This is a Version 7.1 template. https://bit.ly/31SvfRp Any help much appreciated! Edited October 29, 2019 by ddl_ellsie Link to comment
0 tuanphan Posted October 29, 2019 Share Posted October 29, 2019 @ddl_ellsie Add to Home > Design > Custom CSS @font-face { font-family: ddlellsie; src: url(paste font url here); } .header-nav-item a { font-family: ddlellsie !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 k8lizzy Posted October 30, 2019 Share Posted October 30, 2019 @tuanphan thank you so much! that worked to change the header font. do you happen to know what I could use to change the color of the h2 and body texts for a given page/section of the home index? I tried to do it by inputting the page ID in CSS but that just changed the text color across all sections of the home index. thank you! Link to comment
0 tuanphan Posted October 30, 2019 Share Posted October 30, 2019 @k8lizzy Use block ID. Check with this tool. https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde k8lizzy 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 k8lizzy Posted October 30, 2019 Share Posted October 30, 2019 @tuanphan thank you so much! Link to comment
0 ashleylgould Posted November 5, 2019 Share Posted November 5, 2019 (edited) @tuanphan do you know how to change the body font on the index page to a custom css font? I'm using the Camino template (http://www.ashleylaurengould.com/) any help would be much appreciated! Edited November 5, 2019 by ashleylgould Link to comment
0 tuanphan Posted November 6, 2019 Share Posted November 6, 2019 @ashleylgould Add to Home > Design > Custom CSS. replace monospace with your font nav.index-navigation.collection-nav * { font-family: monospace !important; } ashleylgould 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 jdl Posted November 6, 2019 Share Posted November 6, 2019 @tuanphan I tried incorporating the codes to change the site title and nav that you stated above. I'm using the Barbosa template Do you know it? this is the font I'm using- @font-face { font-family: 'Great'; src:url('//static1.squarespace.com/static/5dc2aa12fc03845d975c2da4/t/5dc2add27efe3d17730fba40/1573039571332/great-vibes.regular.ttf'); font-weight: regular; } Link to comment
0 tuanphan Posted November 6, 2019 Share Posted November 6, 2019 1 minute ago, jdl said: @tuanphan I tried incorporating the codes to change the site title and nav that you stated above. I'm using the Barbosa template Do you know it? this is the font I'm using- @font-face { font-family: 'Great'; src:url('//static1.squarespace.com/static/5dc2aa12fc03845d975c2da4/t/5dc2add27efe3d17730fba40/1573039571332/great-vibes.regular.ttf'); font-weight: regular; } Can you share link to your site? I can't find barbosa demo url Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 jdl Posted November 6, 2019 Share Posted November 6, 2019 (edited) @tuanphan Haven't published anything yet, but this is the template- https://barbosa-demo.squarespace.com/?nochrome=false&clickid=y85y0eRaAxyJTpS0RHQK3XRkUknwrVzJzz1ays0&irgwc=1&utm_medium=pp&utm_source=Marketing VF Ltd&utm_campaign=Marketing VF Ltd&channel=pp&subchannel=Marketing VF Ltd&source=Marketing VF Ltd Thank you so much for responding Edited November 6, 2019 by jdl Link to comment
0 tuanphan Posted November 6, 2019 Share Posted November 6, 2019 6 minutes ago, jdl said: @tuanphan Haven't published anything yet, but this is the template- https://barbosa-demo.squarespace.com/?nochrome=false&clickid=y85y0eRaAxyJTpS0RHQK3XRkUknwrVzJzz1ays0&irgwc=1&utm_medium=pp&utm_source=Marketing VF Ltd&utm_campaign=Marketing VF Ltd&channel=pp&subchannel=Marketing VF Ltd&source=Marketing VF Ltd Thank you so much for responding @font-face { font-family: 'Great'; src:url('//static1.squarespace.com/static/5dc2aa12fc03845d975c2da4/t/5dc2add27efe3d17730fba40/1573039571332/great-vibes.regular.ttf'); font-weight: regular; } a#site-title { font-family: 'Great' !important; } .header-nav-item * { font-family: 'Great' !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 jdl Posted November 6, 2019 Share Posted November 6, 2019 @tuanphan so grateful for you! Link to comment
0 Nicoleshurette Posted November 6, 2019 Share Posted November 6, 2019 Im trying to add custom css to the Fulton template to change the fonts for H1, H2 and H3. But I am having zero luck. Any advice? Link to comment
0 tuanphan Posted November 6, 2019 Share Posted November 6, 2019 1 minute ago, Nicoleshurette said: Im trying to add custom css to the Fulton template to change the fonts for H1, H2 and H3. But I am having zero luck. Any advice? use this code, replace nav.index-navigation.collection-nav * with h1, h2, h3 if it doesn't work, replace with h1 *, h2 *, h3 * if it still doesn't work, please share site url to check. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 georgerobertatherton Posted December 9, 2019 Share Posted December 9, 2019 Hey guys, Does anyone know how to add a custom font to the Wells tagline? Thanks! Link to comment
0 tuanphan Posted December 9, 2019 Share Posted December 9, 2019 35 minutes ago, georgerobertatherton said: Hey guys, Does anyone know how to add a custom font to the Wells tagline? Thanks! Can you share link to your site? Wells demo has no tagline so can't check. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 georgerobertatherton Posted December 10, 2019 Share Posted December 10, 2019 Hey @tuanphan thanks for the reply - sorry only just seen this. Decided to go for another typeface. Whilst, you're there, do you know how to change the colour of the mobile menu navigation. See attached screen shot - I want the text to be black rather than white. Site is currently live www.murroninteriors.com Link to comment
0 tuanphan Posted December 11, 2019 Share Posted December 11, 2019 @georgerobertatherton Add to Home > Design > Custom CSS div#mobileNav * { color: black !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 georgerobertatherton Posted December 11, 2019 Share Posted December 11, 2019 Hey @tuanphan you're a bloody legend! That worked perfect on the menu drop down navigation, however, it changes the MENU button on the home screen as well. Is there a way to keep this black? See screenshot Link to comment
0 tuanphan Posted December 11, 2019 Share Posted December 11, 2019 24 minutes ago, georgerobertatherton said: Hey @tuanphan you're a bloody legend! That worked perfect on the menu drop down navigation, however, it changes the MENU button on the home screen as well. Is there a way to keep this black? See screenshot Remove above code, and use this div#mobileNav * { color: #000; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 georgerobertatherton Posted December 11, 2019 Share Posted December 11, 2019 @tuanphan Hey - thank you for the quick reply. That bit of code does some weird stuff. See screen shot. It only turn the folders black, any sub pages stay white. Menu is also still white. Tricky, eh? Link to comment
Question
destinyestringer
Hi! I just switched up to the Wells template. I want to change the Site Title and Navagation to a custom web font I have been using. I was able to do it to my old template, but that HTML/CSS is not working for this new template.
I have the font code:
but none of the HTML/CSS I have found is working for me.
I have tried each of these so far and nothing. (Each at one time, not together.)
Any help would be appreciated! Thanks!
Edited by desibeeeInitial Revision
Link to comment
Top Posters For This Question
4
17
3
3
Popular Days
Nov 6
8
Feb 26
5
Dec 11
4
Aug 1
3
Top Posters For This Question
georgerobertatherton 4 posts
tuanphan 17 posts
k8lizzy 3 posts
jdl 3 posts
Popular Days
Nov 6 2019
8 posts
Feb 26 2020
5 posts
Dec 11 2019
4 posts
Aug 1 2019
3 posts
Popular Posts
destinyestringer
Hi! I just switched up to the Wells template. I want to change the Site Title and Navagation to a custom web font I have been using. I was able to do it to my old template, but that HTML/CSS is not wo
tuanphan
@desibeee Add to Home > Design > Custom CSS /* Font Recoleta Site Title */ .logo.site-title a { font-family: 'Recoleta' !important; } /* Font Nav */ div#topNav a { font-family: 'Recoleta
tuanphan
@k8lizzy Which element in header? Use this code for Miller & Juke Site Title /* Miller Site Title */ a.Header-branding, a.Mobile-bar-branding { font-family: 'Recoleta' !important; }
Posted Images
39 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment