noodles22

Thank you! I'm still having the issue. Sometimes it loads, sometimes it doesn't. 😩

Hi! I upload some font files on my website and injected some code into the custom CSS, but it's not loading.

I can only see the custom code when I'm editing a page and have the custom CSS box open.

I'm trying to use :

• Manrope-Regular for the paragraphs and navigation links
• Manrope-Bold for h1, h2, and h3, content buttons, form buttons, form titles, the header button, and form buttons,
• Parkside-Regular for h4.

I couldn't figure out how to change the fonts for the header button and the blogs.

Here are the codes I have injected:

@font-face {     
  font-family: 'Manrope-Regular';        
  src: url(https://static1.squarespace.com/static/5fadc9a2270b006044c1dba7/t/6407cdf710fd3678b23ddcb4/1678233079794/Manrope-Regular.ttf);   
} 
p     {font-family: 'Manrope-Regular';
text-transform: none;
letter-spacing: .90px;}
.header-nav-item a, .header-menu-nav-item a     {font-family: 'Manrope-Regular';
text-transform: uppercase;
letter-spacing: 1.8px;}
.form-wrapper .field-list .field .caption     {font-family: 'Manrope-Regular' !important;
text-transform: none;
letter-spacing: 1.8px;}


@font-face {     
  font-family: 'Manrope-Bold';        
  src: url(https://static1.squarespace.com/static/5fadc9a2270b006044c1dba7/t/6407ce0010fd3678b23ddcfd/1678233088402/Manrope-Bold.ttf);   
} 
h1     {font-family: 'Manrope-Bold';
text-transform: Uppercase;
letter-spacing: 2.4px;}
h2     {font-family: 'Manrope-Bold';
text-transform: Uppercase;
letter-spacing: 2.4px;}
h3     {font-family: 'Manrope-Bold';
text-transform: Uppercase;
letter-spacing: 2.4px;}
a.btn.btn--border.theme-btn--primary-inverse {font-family: 'Manrope-Bold';
text-transform: Uppercase;
letter-spacing: 2.4px;}
button {font-family: 'Manrope-Bold';
text-transform: Uppercase;
letter-spacing: 2.4px;}
.form-wrapper .field-list .title {font-family: 'Manrope-Bold';
text-transform: Uppercase;
letter-spacing: 2.4px;}



@font-face {     
  font-family: 'Parkside-Regular';        
  src: url(https://static1.squarespace.com/static/5fadc9a2270b006044c1dba7/t/6407ced4a475ea7efe782f49/1678233300352/parkside-regular.otf);   
} 
h4     {font-family: 'Parkside-Regular';
text-transform: none;
letter-spacing: 0px;}

Website:

https://www.jimssupply.com
PurpleGrapes1959

13 minutes ago, bangank36 said:

.homepage .header.white {
    background-color: #e1e6a9 !important;
}

You can use this custom css

.homepage .header.white {
    background-color: #e1e6a9 !important;
}

This was perfection! Thank you so much!

Site URL: http://jscagsupply.squarespace.com

How do I change the navigation bar background color for the homepage only? I want the homepage navigation bar background color to be different than the rest of the pages. Can you please help me with this?

pw is testing123.

Thanks!