Custom Font for Site Title & Nav on Wells Template?

@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;
}

Thank you so much! Worked perfectly.

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

 

@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;
}

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! 

@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;
}

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

@k8lizzy Use block ID. Check with this tool. https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde

@tuanphan thank you so much!

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

@ashleylgould Add to Home > Design > Custom CSS. replace monospace with your font

nav.index-navigation.collection-nav * {
    font-family: monospace !important;
}

@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;
}

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

@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

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;
}

@tuanphan

so grateful for you!

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?

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.