Jump to content

Please help me! Deleted some code and now all my custom ccs code won't work including custom font :(

Go to solution Solved by Ziggy,

Recommended Posts

Hello! 

I was wondering if someone would be able to help me. I recently deleted some lines of code on my website to adjust one of my pages and now none of the custom css will work, like my custom font or the layout on my pages. 

https://www.sjlstudio.co.uk/ - Font should be Optibakerdanmarkone

https://www.sjlstudio.co.uk/the-darling-collection - and this page should be image on the left and text on the right. 

Please help - thank you so much in advance. Code is below:

@font-face {   
font-family: 'OPTIBakerDanmarkOne';  
src: url('https://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otf'), url('https://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otf'), url('https://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otf');}
custom {
font-family: 'OPTIBakerDanmarkOne';}
h1 {
font-family: 'OPTIBakerDanmarkOne';}
h2 {
font-family: 'OPTIBakerDanmarkOne';}
h3 {
font-family: 'OPTIBakerDanmarkOne';}
h4 {
font-family: 'OPTIBakerDanmarkOne';}
.collection-type-products .grid-title {
    font-family: 'OPTIBakerDanmarkOne';
}
/* Product title font */
h1.ProductList-title,
h1.ProductItem-details-title {
    font-family: 'OPTIBakerDanmarkOne' !important; }
@media only screen and (min-width: 641px) {
  #collection-61b4d4bad005f33f5c742c0c {
    #page .page-section:nth-of-type(2) { /*second second on the left*/
      width: 45%;
      min-height: 80vh;
      align-items: center;
      float: right;
    }
@media only screen and (min-width: 641px) {
  #collection-61e3126680afe51b5a5aaec2 {
    #page .page-section:nth-of-type(2) { /*second second on the left*/
      width: 45%;
      min-height: 80vh;
      align-items: center;
      float: right;
    }
    #page .page-section:nth-of-type(3) { /*third section on the right*/
      width: 55%;
      min-height: 80vh;
      align-items: center;
    }
    #page .page-section:nth-of-type(4) { /* forth section full width again */
      clear: both;
    }
  }
}
@media only screen and (min-width: 641px) {
  #collection-61f06508f54d9138d8d1fff4 {
    #page .page-section:nth-of-type(2) { /*second second on the left*/
      width: 45%;
      min-height: 80vh;
      align-items: center;
      float: right;
    }
    #page .page-section:nth-of-type(3) { /*third section on the right*/
      width: 55%;
      min-height: 80vh;
      align-items: center;
    }
    #page .page-section:nth-of-type(4) { /* forth section full width again */
      clear: both;
    }
  }
}
@media only screen and (min-width: 641px) {
  #collection-61b4d4bad005f33f5c742c0c {
    #page .page-section:nth-of-type(5) { /*second second on the left*/
      width: 45%;
      min-height: 80vh;
      align-items: center;
      float: right;
    }
    #page .page-section:nth-of-type(6) { /*third section on the right*/
      width: 55%;
      min-height: 80vh;
      align-items: center;
    }
    #page .page-section:nth-of-type(5) { /* forth section full width again */
      clear: both;
    }
  }
}
@media only screen and (min-width: 641px) {
  #collection-61e3126680afe51b5a5aaec2 {
    #page .page-section:nth-of-type(5) { /*second second on the left*/
      width: 45%;
      min-height: 80vh;
      align-items: center;
      float: right;
    }
    #page .page-section:nth-of-type(6) { /*third section on the right*/
      width: 55%;
      min-height: 80vh;
      align-items: center;
    }
    #page .page-section:nth-of-type(4) { /* forth section full width again */
      clear: both;
    }
}  }https://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otfhttps://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otfhttps://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otf
}
@media only screen and (min-width: 641px) {
  #collection-61a36d3b3ed02a77d10ca846 {
    #page .page-section:nth-of-type(2) { /*second second on the left*/
      width: 50%;
      min-height: 80vh;
      align-items: center;
      float: right;
    }
    #page .page-section:nth-of-type(3) { /*third section on the right*/
      width: 50%;
      min-height: 80vh;
      align-items: center;
    }
    #page .page-section:nth-of-type(4) { /* forth section full width again */
      clear: both;
    }
  }
}
/* Product details page logo */
body.collection-type-product.view-item .Header-branding-logo {
    filter: invert(1);
    -webkit-filter: invert(1);
}
  #cart
  .header-title-logo img
  {filter: brightness(0) invert(0);}
body.collection-type-products.view-item .header-announcement-bar-wrapper {
  background-color: #D9E2F7 !important;
}
  https://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otfhttps://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otfhttps://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otfhttps://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otfhttps://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otf

Link to comment
  • Solution

Here's your code with some corrections, a major one being this text which is not appropriate to just be dropped in to custom css:

 https://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otfhttps://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otfhttps://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otfhttps://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otfhttps://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otf

There were also missing closing curly brackets and misplaced brackets.

@font-face {   
  font-family: 'OPTIBakerDanmarkOne';  
  src: url('https://static1.squarespace.com/static/61a3588efb96aa035e93a9d2/t/61b4bacdee5d05012603bfa7/1639234253725/OPTIBakerDanmarkOne.otf');}
custom {
  font-family: 'OPTIBakerDanmarkOne';
}
h1 {
  font-family: 'OPTIBakerDanmarkOne';
}
h2 {
  font-family: 'OPTIBakerDanmarkOne';
}
h3 {
  font-family: 'OPTIBakerDanmarkOne';
}
h4 {
  font-family: 'OPTIBakerDanmarkOne';
}
.collection-type-products .grid-title {
  font-family: 'OPTIBakerDanmarkOne';
}
/* Product title font */
h1.ProductList-title, h1.ProductItem-details-title {
  font-family: 'OPTIBakerDanmarkOne' !important; 
}
@media only screen and (min-width: 641px) {
  #collection-61b4d4bad005f33f5c742c0c {
    #page .page-section:nth-of-type(2) { /*second second on the left*/
      width: 45%;
      min-height: 80vh;
      align-items: center;
      float: right;
    }
  }
}
@media only screen and (min-width: 641px) {
  #collection-61e3126680afe51b5a5aaec2 {
    #page .page-section:nth-of-type(2) { /*second second on the left*/
      width: 45%;
      min-height: 80vh;
      align-items: center;
      float: right;
    }
    #page .page-section:nth-of-type(3) { /*third section on the right*/
      width: 55%;
      min-height: 80vh;
      align-items: center;
    }
    #page .page-section:nth-of-type(4) { /* forth section full width again */
      clear: both;
    }
  }
}
@media only screen and (min-width: 641px) {
  #collection-61f06508f54d9138d8d1fff4 {
    #page .page-section:nth-of-type(2) { /*second second on the left*/
      width: 45%;
      min-height: 80vh;
      align-items: center;
      float: right;
    }
    #page .page-section:nth-of-type(3) { /*third section on the right*/
      width: 55%;
      min-height: 80vh;
      align-items: center;
    }
    #page .page-section:nth-of-type(4) { /* forth section full width again */
      clear: both;
    }
  }
}
@media only screen and (min-width: 641px) {
  #collection-61b4d4bad005f33f5c742c0c {
    #page .page-section:nth-of-type(5) { /*second second on the left*/
      width: 45%;
      min-height: 80vh;
      align-items: center;
      float: right;
    }
    #page .page-section:nth-of-type(6) { /*third section on the right*/
      width: 55%;
      min-height: 80vh;
      align-items: center;
    }
    #page .page-section:nth-of-type(5) { /* forth section full width again */
      clear: both;
    }
  }
}
@media only screen and (min-width: 641px) {
  #collection-61e3126680afe51b5a5aaec2 {
    #page .page-section:nth-of-type(5) { /*second second on the left*/
      width: 45%;
      min-height: 80vh;
      align-items: center;
      float: right;
    }
    #page .page-section:nth-of-type(6) { /*third section on the right*/
      width: 55%;
      min-height: 80vh;
      align-items: center;
    }
    #page .page-section:nth-of-type(4) { /* forth section full width again */
      clear: both;
    }
  }  
}
@media only screen and (min-width: 641px) {
  #collection-61a36d3b3ed02a77d10ca846 {
    #page .page-section:nth-of-type(2) { /*second second on the left*/
      width: 50%;
      min-height: 80vh;
      align-items: center;
      float: right;
    }
    #page .page-section:nth-of-type(3) { /*third section on the right*/
      width: 50%;
      min-height: 80vh;
      align-items: center;
    }
    #page .page-section:nth-of-type(4) { /* forth section full width again */
      clear: both;
    }
  }
}
/* Product details page logo */
body.collection-type-product.view-item .Header-branding-logo {
  filter: invert(1);
  -webkit-filter: invert(1);
}
#cart
.header-title-logo img {
  filter: brightness(0) invert(0);
}
body.collection-type-products.view-item .header-announcement-bar-wrapper {
  background-color: #D9E2F7 !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!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

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.