Jump to content

HELP | Cannot find missing '{' in my CSS

By corricorricorri, in Customize with code

Recommended Posts

corricorricorri Level 1

corricorricorri

Posted
Posted

Site URL: https://www.arrrrrrrt.com/

Help, I deleted a line of code now many of my CSS features refuse to function and I cannot find that pesky missing '{'
Site password: 1445 
My code is as follows:
 

// Read More //

.sqs-block-summary-v2 .summary-read-more-link {
  font-size:0;
}
.sqs-block-summary-v2 .summary-read-more-link:before {
  content: "Read More";
  font-size: 12px;
 font-weight: bold;
  text-decoration: underline; 
  color: #000000 !important;
}

// Summary Block Excerpt //

.summary-excerpt p {
  font-size: 12px !important;
  font-weight: 500px;
  color: #000000;
  letter-spacing: 1px;
  line-height: 1px;
}

// Active Nav Color //

// Hover Nav Color //
.summary-thumbnail-outer-container:hover + .summary-content * {
    color: #FF0000 !important;
}

// Change Color On Hover Header Button //

.header-actions .btn {
    transition: all 0.3s !important;
}
  
.header-actions .btn:hover {
   color: #ffffff;
   background-color: #FF0000;
   opacity: 1 !important;
}

/* Nav item color */
.header-nav-item a {
    color: #000000 !important;
    transition-duration: 0.4s;
}
/* Nav item hover color */
.header-nav-item a:hover {
    color: #FF0000 !important;
    transition-duration: 0.4s;
}
/* Nav item active color */
.header-nav-item--active a {
    color: #00b140  !important;
}

// Search //
// Underline Search Block //

.sqs-search-ui-button-wrapper.color-dark .search-input {
  background-color: transparent;
  border-width: 0;
  opacity: 1;
  border-bottom: 2.5px solid #00b140 ;
}

// Search Block - Text //

.sqs-search-ui-button-wrapper.color-dark .search-input {
 
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: #00b140 !important;
  opacity: 1 !important;
}
// search //
input[placeholder="Search"] {
   font-family: neue-haas-grotesk-text;
  font-size: 8px;
}
 
// Shopping bag //
.icon--cart {   
  svg {     
    display:none;   
  }   
  background-image: url(https://static1.squarespace.com/static/603e72cb6bb5d15ac03c5f8c/t/60a46518a61eac7108716c02/1621386520681/bag+%282%29.png);   
  background-size: 20px 20px;   
  background-repeat: no-repeat; 
}

// Subscribe //
// Change Color On Hover Header Button //

.header-actions .btn {
    transition: all 0.3s !important;
}
  
.header-actions .btn:hover {
   color: #ffffff;
   background-color: #4FBF87;
   opacity: 1 !important;
}

// Header Alignment //
.header--menu-open .header-menu-nav-item {text-align:left;} 
.header--menu-open .header-menu-nav-folder-content {justify-content:normal}
.header-menu-nav-item a {
    font-size: 20px;
}
.header--menu-open .header-menu-nav-item {margin-bottom: -0.5 px}

// Hover blog //
p a:hover {
color:#808080 !important }

// Hover filter images //
.intrinsic:hover img {filter:grayscale(1)}

// Underline //
hr { padding: 0.5px 0 0.5px 0; }


// Solid Underline Newsletter Form // 


  

// Pagination //
section.item-pagination.item-pagination--prev-next {
  display: none;
}


// Back to top //

#myBtn {
   width: 50px;
   height: 50px;
   display: none;
   position: fixed;
   bottom: 20px;
   right: 30px;
   z-index: 99;
   border: none;
   outline: none;
   font-size: 25px !important;
   color: white;
   cursor: pointer;
   padding: 10px 10px 10px 11px;
   border-radius: 50%;
   box-shadow: 0px 0px 0px #000;
   /* Change the hex code in the next line to change background color */
   background-color: #a4a4a4;
}

#myBtn:hover {
   background-color: #aeaeae;
}

// Learn //
#block-yui_3_17_2_1_1621480503627_5947 p {
    line-height: 18px;
}

// H1 //
h1 {
  margin-top: -15px !important;
margin-top: -15px !important;
}
h4{
  margin-top: 20px !important;
margin-bottom: -16px !important;
}

// Spacing //
.sqs-block h3 {
    margin-bottom: 0;
}

// Newsletter //
#collection-60a504fa4444ce2a8b1de637 #header { display: none }


// Summary //
.sqs-block-summary-v2 {
.summary-title,
.summary-heading {
font-family: neue-haas-grotesk-text;
font-weight: 600;
font-size: 28.43px !important;
color: #000000;
text-transform: ;
font-style: ; 

} }

.sqs-block-summary-v2 {
.summary-excerpt p {font-family: ;
font-weight: 500;
letter-spacing: 0.1px !important;
font-size: 16px !important;
color: #000000; ; 
} }


// paragraph spacing //
div#block-yui_3_17_2_1_1621864997776_5317 p {
    margin-top: -18px;
}

//Gallery captions //
p.gallery-caption-content {
    font-family: neue-haas-grotesk-text;
font-weight: 400!important;
  text-align: left;
}

// Scale Up Grid Gallery - Simple Layout //

.gallery-grid-item img {
  transform: scale(1) !important;
  transition: all ease-in-out 0.8s !important;
}

.gallery-grid-item:hover img {
  transform: scale(1.1) !important;
  transition: all ease-in-out 0.8s !important;
}

//Gallery//
.gallery-grid.gallery-grid--layout-grid {
    padding-top: 25px !important;
}

/* search */ 
@media only screen and (min-width:640px) { 
  .icon--fill:nth-of-type(1) {
    svg {
      display:none;
    }    
    background-image: url(https://static1.squarespace.com/static/603e72cb6bb5d15ac03c5f8c/t/60ad0ac1c6ec20276425f57c/1621953217175/magnifying-glass.png);    
    background-size: 100%;    
    background-repeat: no-repeat;  
  } 
}  
.header-menu-actions-action:nth-of-type(1) {    
  svg { 
    display:none;    
  }    
  background-image: url();    
  background-size: 100%;    
  background-repeat: no-repeat;  
}

// Headings //
h4 {
    color: #FF0000  !important;
}

// Learning //
#block-yui_3_17_2_1_1621954106683_7291 * { 
 margin-top:- 20px;
}

//Remove Link Underline //
h1,h2,h3,nav {
 a,span 
   background-image: none!important;
   text-decoration: none!important;
 }
}

// Summary title //
/* Title */
.summary-title-link {
line-height: 1px !important; 
text-transform: none;
    font-family: neue-haas-grotesk-display;
  font-size: 16px;


}
/* category */
.summary-metadata-item a {
    font-family:  neue-haas-grotesk-text;
  font-weight: 600px;

 
}

// Search box //
.search-input:focus {
 outline-color: transparent;
}

// newsletter ..
@media screen and (max-width:640px) {
section#newsletter-copy h2 {
    font-size: 30px;
}
section#newsletter-copy .newsletter-form-header-description * {
    font-size: 17px !important;
}
section#newsletter-copy .newsletter-form-header {
    width: 100%;
  
}
}

// form //
.form-block input, .field-element{
color: #000;

}

/* Line under header */
header#header {
    border-bottom: 0px solid #000000;
}

//cookie//
.sqs-cookie-banner-v2.LIGHT {
    background-color: #39FF14;
   .sqs-cookie-banner-v2-text p {
     color: #000000;
   }
  }
button.sqs-cookie-banner-v2-accept {
    color: BLACK !important;
    border-color: BLACK !important;
}
.sqs-cookie-banner-v2-text p {
    font-size: 10px;
font-weight: bold;
    font-family: neue-haas-grotesk-text;
    color: black !important;line-height: 130%;
  
}

// Mobile header //
@media only screen and (max-width: 640px) {
  .banner-thumbnail-wrapper {
    padding: 2px 0 5px !important;
  }
}

//Button width //
 .sqs-block-button-element {width: 220px }

/* Add this code to Design -> Custom CSS */


.sqs-block-button a, [class*='button'], [class*='btn'] {
    font-family: 'neue-haas-grotesk-text' !important;
  font-size:16px;
  letter-spacing: 0.03em;
}

div.meta-below-title * {
    font-size: 30px;
}

// Metadata //
.summary-metadata-item {
 font-size: 10px;
font-weight: bold;
    font-family: neue-haas-grotesk-display;
  font-size: 12px !important;
  line-height: -1px;
}

//Remove Link Underline //
h1,h2,h3,h4,p,nav {
 a,span {
   background-image: none!important;
   text-decoration: none!important;
 }
}

// Announcement Bar Hover Color //

.sqs-announcement-bar { 
  width: 100%;
  background-color: #000000 !important; /* main color */
  webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.sqs-announcement-bar:hover {
  border-color: white !important;
  background-color: #ff0000 !important; /* hover color */
  webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

// mobile menu // 
.header-menu-nav-item a {
    padding: 0;
    font-size: 1em;
}

// marquee //
/* Removing the underline on link in the announcement bar */
.sqs-announcement-bar-text a{
  text-decoration: unset !important;
}

/* Adding left and right padding, change to match your site padding if needed */
.sqs-announcement-bar-text{
  padding-left: 30px;
  padding-right: 30px;
}

/* Hiding anything that extends beyond the screen */
#announcement-bar-text-inner-id {
  margin: 0 auto;
  overflow: hidden;
}

/* Starting the text off of the screen and adjusting width, change the animation: 15s to however long you want the marquee to take in seconds */
#announcement-bar-text-inner-id p {
  display: inline-block;
  width: max-content;
  padding-left: 100%;
  will-change: transform;
  animation: marquee 17s linear infinite;
}

/* Stopping the marquee on hover so people can click on links */
#announcement-bar-text-inner-id p:hover {
  animation-play-state: paused
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

// hide metadata //
.blog-meta-item--tags {
  display: none;
}

// hide footer newsletter //
#collection-60a504fa4444ce2a8b1de637 {
     footer {
        display: none !important;
    }
}

/* Remove Read More Underline */
.blog-more-link::after {
display:none;
}

// heading color /

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Wolfsilon Level 7

Wolfsilon

Posted
Posted

Hello,

I think some of the issues were within your media queries and an additional error in the "h1,h2,h3,nav...a,span".

I think this is the full corrected code. 

 // Read More //

.sqs-block-summary-v2 .summary-read-more-link {
  font-size:0;
}
.sqs-block-summary-v2 .summary-read-more-link:before {
  content: "Read More";
  font-size: 12px;
 font-weight: bold;
  text-decoration: underline; 
  color: #000000 !important;
}

// Summary Block Excerpt //

.summary-excerpt p {
  font-size: 12px !important;
  font-weight: 500px;
  color: #000000;
  letter-spacing: 1px;
  line-height: 1px;
}

// Active Nav Color //

// Hover Nav Color //
.summary-thumbnail-outer-container:hover + .summary-content * {
    color: #FF0000 !important;
}

// Change Color On Hover Header Button //

.header-actions .btn {
    transition: all 0.3s !important;
}
  
.header-actions .btn:hover {
   color: #ffffff;
   background-color: #FF0000;
   opacity: 1 !important;
}

/* Nav item color */
.header-nav-item a {
    color: #000000 !important;
    transition-duration: 0.4s;
}
/* Nav item hover color */
.header-nav-item a:hover {
    color: #FF0000 !important;
    transition-duration: 0.4s;
}
/* Nav item active color */
.header-nav-item--active a {
    color: #00b140  !important;
}

// Search //
// Underline Search Block //

.sqs-search-ui-button-wrapper.color-dark .search-input {
  background-color: transparent;
  border-width: 0;
  opacity: 1;
  border-bottom: 2.5px solid #00b140 ;
}

// Search Block - Text //

.sqs-search-ui-button-wrapper.color-dark .search-input {
 
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: #00b140 !important;
  opacity: 1 !important;
}
// search //
input[placeholder="Search"] {
   font-family: neue-haas-grotesk-text;
  font-size: 8px;
}
 
// Shopping bag //
.icon--cart {   
  svg {     
    display:none;   
  }   
  background-image: url(https://static1.squarespace.com/static/603e72cb6bb5d15ac03c5f8c/t/60a46518a61eac7108716c02/1621386520681/bag+%282%29.png);   
  background-size: 20px 20px;   
  background-repeat: no-repeat; 
}

// Subscribe //
// Change Color On Hover Header Button //

.header-actions .btn {
    transition: all 0.3s !important;
}
  
.header-actions .btn:hover {
   color: #ffffff;
   background-color: #4FBF87;
   opacity: 1 !important;
}

// Header Alignment //
.header--menu-open .header-menu-nav-item {text-align:left;} 
.header--menu-open .header-menu-nav-folder-content {justify-content:normal}
.header-menu-nav-item a {
    font-size: 20px;
}
.header--menu-open .header-menu-nav-item {margin-bottom: -0.5 px}

// Hover blog //
p a:hover {
color:#808080 !important }

// Hover filter images //
.intrinsic:hover img {filter:grayscale(1)}

// Underline //
hr { padding: 0.5px 0 0.5px 0; }


// Solid Underline Newsletter Form // 


  

// Pagination //
section.item-pagination.item-pagination--prev-next {
  display: none;
}


// Back to top //

#myBtn {
   width: 50px;
   height: 50px;
   display: none;
   position: fixed;
   bottom: 20px;
   right: 30px;
   z-index: 99;
   border: none;
   outline: none;
   font-size: 25px !important;
   color: white;
   cursor: pointer;
   padding: 10px 10px 10px 11px;
   border-radius: 50%;
   box-shadow: 0px 0px 0px #000;
   /* Change the hex code in the next line to change background color */
   background-color: #a4a4a4;
}

#myBtn:hover {
   background-color: #aeaeae;
}

// Learn //
#block-yui_3_17_2_1_1621480503627_5947 p {
    line-height: 18px;
}

// H1 //
h1 {
  margin-top: -15px !important;
margin-top: -15px !important;
}
h4{
  margin-top: 20px !important;
margin-bottom: -16px !important;
}

// Spacing //
.sqs-block h3 {
    margin-bottom: 0;
}

// Newsletter //
#collection-60a504fa4444ce2a8b1de637 #header { display: none }


// Summary //
.sqs-block-summary-v2 {
.summary-title,
.summary-heading {
font-family: neue-haas-grotesk-text;
font-weight: 600;
font-size: 28.43px !important;
color: #000000;
text-transform: ;
font-style: ; 

} }

.sqs-block-summary-v2 {
.summary-excerpt p {font-family: ;
font-weight: 500;
letter-spacing: 0.1px !important;
font-size: 16px !important;
color: #000000; ; 
} }


// paragraph spacing //
div#block-yui_3_17_2_1_1621864997776_5317 p {
    margin-top: -18px;
}

//Gallery captions //
p.gallery-caption-content {
    font-family: neue-haas-grotesk-text;
font-weight: 400!important;
  text-align: left;
}

// Scale Up Grid Gallery - Simple Layout //

.gallery-grid-item img {
  transform: scale(1) !important;
  transition: all ease-in-out 0.8s !important;
}

.gallery-grid-item:hover img {
  transform: scale(1.1) !important;
  transition: all ease-in-out 0.8s !important;
}

//Gallery//
.gallery-grid.gallery-grid--layout-grid {
    padding-top: 25px !important;
}

/* search */ 
@media only screen and (min-width:640px) { 
  .icon--fill:nth-of-type(1) {
    svg {
      display:none;
    }    
    background-image: url(https://static1.squarespace.com/static/603e72cb6bb5d15ac03c5f8c/t/60ad0ac1c6ec20276425f57c/1621953217175/magnifying-glass.png);    
    background-size: 100%;    
    background-repeat: no-repeat;  
  } 
}  
.header-menu-actions-action:nth-of-type(1) {    
  svg { 
    display:none;    
  }    
  background-image: url();    
  background-size: 100%;    
  background-repeat: no-repeat;  
}

// Headings //
h4 {
    color: #FF0000  !important;
}

// Learning //
#block-yui_3_17_2_1_1621954106683_7291 * { 
 margin-top:- 20px;
}

//Remove Link Underline //
h1,h2,h3,nav {
  a,span{ 
   background-image: none!important;
   text-decoration: none!important;
 }
}

// Summary title //
/* Title */
.summary-title-link {
line-height: 1px !important; 
text-transform: none;
    font-family: neue-haas-grotesk-display;
  font-size: 16px;


}
/* category */
.summary-metadata-item a {
    font-family:  neue-haas-grotesk-text;
  font-weight: 600px;
}
 
// Search box //
.search-input:focus {
 outline-color: transparent;
}

// newsletter ..
@media screen and (max-width:640px) {
section#newsletter-copy h2 {
    font-size: 30px;
}
section#newsletter-copy .newsletter-form-header-description * {
    font-size: 17px !important;
}
section#newsletter-copy .newsletter-form-header {
    width: 100%;
  
}
}

// form //
.form-block input, .field-element{
color: #000;
}
 /* Line under header */
header#header {
    border-bottom: 0px solid #000000;
}

//cookie//
.sqs-cookie-banner-v2.LIGHT {
    background-color: #39FF14;
   .sqs-cookie-banner-v2-text p {
     color: #000000;
   }
  }
button.sqs-cookie-banner-v2-accept {
    color: BLACK !important;
    border-color: BLACK !important;
}
.sqs-cookie-banner-v2-text p {
    font-size: 10px;
font-weight: bold;
    font-family: neue-haas-grotesk-text;
    color: black !important;line-height: 130%;
  
}

// Mobile header //
@media only screen and (max-width: 640px) {
  .banner-thumbnail-wrapper {
    padding: 2px 0 5px !important;
  }
}

//Button width //
 .sqs-block-button-element {width: 220px }

/* Add this code to Design -> Custom CSS */


.sqs-block-button a, [class*='button'], [class*='btn'] {
    font-family: 'neue-haas-grotesk-text' !important;
  font-size:16px;
  letter-spacing: 0.03em;
}

div.meta-below-title * {
    font-size: 30px;
}

// Metadata //
.summary-metadata-item {
 font-size: 10px;
font-weight: bold;
    font-family: neue-haas-grotesk-display;
  font-size: 12px !important;
  line-height: -1px;
}

//Remove Link Underline //
h1,h2,h3,h4,p,nav {
 a,span {
   background-image: none!important;
   text-decoration: none!important;
 }
}

// Announcement Bar Hover Color //

.sqs-announcement-bar { 
  width: 100%;
  background-color: #000000 !important; /* main color */
  webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.sqs-announcement-bar:hover {
  border-color: white !important;
  background-color: #ff0000 !important; /* hover color */
  webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

// mobile menu // 
.header-menu-nav-item a {
    padding: 0;
    font-size: 1em;
}

// marquee //
/* Removing the underline on link in the announcement bar */
.sqs-announcement-bar-text a{
  text-decoration: unset !important;
}

/* Adding left and right padding, change to match your site padding if needed */
.sqs-announcement-bar-text{
  padding-left: 30px;
  padding-right: 30px;
}

/* Hiding anything that extends beyond the screen */
#announcement-bar-text-inner-id {
  margin: 0 auto;
  overflow: hidden;
}

/* Starting the text off of the screen and adjusting width, change the animation: 15s to however long you want the marquee to take in seconds */
#announcement-bar-text-inner-id p {
  display: inline-block;
  width: max-content;
  padding-left: 100%;
  will-change: transform;
  animation: marquee 17s linear infinite;
}

/* Stopping the marquee on hover so people can click on links */
#announcement-bar-text-inner-id p:hover {
  animation-play-state: paused
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

// hide metadata //
.blog-meta-item--tags {
  display: none;
}

// hide footer newsletter //
#collection-60a504fa4444ce2a8b1de637 {
     footer {
        display: none !important;
    }
}

/* Remove Read More Underline */
.blog-more-link::after {
display:none;
}

// heading color /

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources