Jump to content

Help with custom CSS coding - missing '}'

Go to solution Solved by Ziggy,

Recommended Posts

Posted

Hello, 

I am trying to edit my custom css coding and out of all the videos and blogs that I have watched and read it seems like I have everything perfect but I don't because it's Squarespace isn't switching my font as I'm making the changes. I have uploaded the files and everything. Here is what I have but it tells me on the bottom in red that I'm missing '}'  and I have no idea where this is supposed to go. Any help would greatly be appreciated as I'm about ready to give up.... I copied the whole thing just incase I were to have missed something. 

//Bizantheum Font//

@font-face {
  font-family:'Bizantheum' ;
    src: url (' https://static1.squarespace.com/static/6520617e9dd5526c34876a82/t/672f62b6310c452ac0aa3ddb/1731158711171/Bizantheum.otf' ); }
//Assign Bizantheum Font//
h1{font-family: 'Bizantheum';}
h2{font-family: 'Bizantheum';}
h3{font-family: 'Bizantheum';}
h4{font-family: 'Bizantheum';}

//2nd Font// 
@font-face {
  font-family:'Fontfabric-MullerRegular'
src: url ('https://static1.squarespace.com/static/6520617e9dd5526c34876a82/t/672f62f7ab06d177a119c65f/1731158776299/Fontfabric+-+MullerRegular.otf');}

Paragraph 1 {font-family: 'Fontfabric-MullerRegular'}
Paragraph 2 {font-family: 'Fontfabric-MullerRegular'}
Paragraph 3 {font-family: 'Fontfabric-MullerRegular'}
Paragraph 4 {font-fmaily: 'Fontfabric-MullerRegular'} 
misc {
font-family: 'Bizantheum';}
    '}'
.header-nav *, nav.header-menu-nav-list * {
  font-family: 'Bizantheum';'}'


 

//FONT FOR IN PAGE BUTTONS//
.sqs-block-button-element {
    font-family: 'Fontfabric-MullerRegular' !important;
}

//FONT FOR HEADER BUTTON//
.header-actions-action a,
.header-menu-cta a {
    font-family: 'Fontfabric-MullerRegular' !important;
}


//FONT FOR NEWSLETTER BUTTONS//
body:not(.button-style-default) .newsletter-form .newsletter-form-button {
    font-family: 'Bizantheum' !important;     
    padding: 1rem 1rem !important;
}

// FONT FOR FORM//
.sqs-block-form .field-list .title,
.sqs-block-form .field-list .caption,
.form-wrapper .field-list .field .field-element,
.sqs-block-form .field-list select,
.form-wrapper .field-list textarea,
body:not(.button-style-default) .sqs-block-form .sqs-editable-button {
    font-family: 'Bizantheum'!important;
font-size: 15px !important;

///////////////////////////////// Any coding below is related to site formatting and SHOULD NOT be deleted if you would just like to delete coding for custom fonts /////////////////////////////////

//TAKE OUT DESKTOP NAV MENU SPACING//
a.header-skip-link.sqs-button-element--primary {
    display: none !important;
}

//MOBILE MENU LINK FONT SIZE//
.header--menu-open
a { font-size: 18px!important
}

//MOBILE MENU BUTTON FONT SIZE & PADDING//
.header--menu-open .header-menu-cta a { font-size: 14px!important;
margin-bottom: 15rem
}


//REMOVE UNDERLINE FROM LINKS//
footer .sqs-block-html a {
  background-image: none !important;
  background-repeat: no-repeat !important;
  text-decoration: none !important;
}

  • Solution
Posted

Remove this '}'

image.thumb.png.cd5424c28f3c47cb273a9562e2c57450.png

You have a number of other errors that I've fixed below, you can replace your entire CSS with this:

//Bizantheum Font//
@font-face {
  font-family:'Bizantheum' ;
    src: url('https://static1.squarespace.com/static/6520617e9dd5526c34876a82/t/672f62b6310c452ac0aa3ddb/1731158711171/Bizantheum.otf'); 
}
//Assign Bizantheum Font//
h1 {font-family: 'Bizantheum';}
h2 {font-family: 'Bizantheum';}
h3 {font-family: 'Bizantheum';}
h4 {font-family: 'Bizantheum';}

//2nd Font// 
@font-face {
  font-family:'Fontfabric-MullerRegular';
src: url('https://static1.squarespace.com/static/6520617e9dd5526c34876a82/t/672f62f7ab06d177a119c65f/1731158776299/Fontfabric+-+MullerRegular.otf');
}
.sqsrte-large {font-family: 'Fontfabric-MullerRegular';}
p {font-family: 'Fontfabric-MullerRegular';}
.sqsrte-small {font-family: 'Fontfabric-MullerRegular';}
misc {font-family: 'Bizantheum';}

.header-nav *, nav.header-menu-nav-list * {
  font-family: 'Bizantheum';
}
 

//FONT FOR IN PAGE BUTTONS//
.sqs-block-button-element {
    font-family: 'Fontfabric-MullerRegular' !important;
}

//FONT FOR HEADER BUTTON//
.header-actions-action a, .header-menu-cta a {
    font-family: 'Fontfabric-MullerRegular' !important;
}


//FONT FOR NEWSLETTER BUTTONS//
body:not(.button-style-default) .newsletter-form .newsletter-form-button {
    font-family: 'Bizantheum' !important;     
    padding: 1rem 1rem !important;
}

// FONT FOR FORM//
.sqs-block-form .field-list .title, .sqs-block-form .field-list .caption, .form-wrapper .field-list .field .field-element, .sqs-block-form .field-list select, .form-wrapper .field-list textarea, body:not(.button-style-default) .sqs-block-form .sqs-editable-button {
  font-family: 'Bizantheum'!important;
  font-size: 15px !important;
} 

///////////////////////////////// Any coding below is related to site formatting and SHOULD NOT be deleted if you would just like to delete coding for custom fonts /////////////////////////////////

//TAKE OUT DESKTOP NAV MENU SPACING//
a.header-skip-link.sqs-button-element--primary {
    display: none !important;
}

//MOBILE MENU LINK FONT SIZE//
.header--menu-open a { 
  font-size: 18px!important
}

//MOBILE MENU BUTTON FONT SIZE & PADDING//
.header--menu-open .header-menu-cta a { 
  font-size: 14px!important;
  margin-bottom: 15rem;
}

//REMOVE UNDERLINE FROM LINKS//
footer .sqs-block-html a {
  background-image: none !important;
  background-repeat: no-repeat !important;
  text-decoration: none !important;
}

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted

THANK YOU SO MUCH Ziggy!!!! I so appreciate your knowledge and time on looking into this for me and fixing everything that needed to be fixed!! Thank you so much!! As soon as I hit the save button all my wording switched over! Ah thank you!!!

Posted
58 minutes ago, SamanthaG said:

THANK YOU SO MUCH Ziggy!!!! I so appreciate your knowledge and time on looking into this for me and fixing everything that needed to be fixed!! Thank you so much!! As soon as I hit the save button all my wording switched over! Ah thank you!!!

I'm delighted to hear that has all started working!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.