Jump to content

My code has stopped working

Recommended Posts

Posted

My code that has been working fine one squarepace has stopped working.

My shop is no longer in 5 columns, the headings have been removed from the nav items and the transition between my slides has stopped working. Can someone tell me what I am doing wrong 

 

Here is my code: 

 

.transparent-header.view-list .banner-thumbnail-wrapper,
.transparent-header.collection-type-page .banner-thumbnail-wrapper{
   padding: 200px 0 200px;
}
{
.header-nav-item:design-services-1(1) {
font-weight: 700;
}

@media (max-width: 640px) {
    h3 {
        font-size:50px !important
    }
   h3 {
        line-height: 1em;
    }
}
nav#mainNavigation .folder .subnav {
    column-count: 5;
  padding-top:50;
}
nav#mainNavigation [href="/shopbyroom1"] {
    font-weight: 800;
}
  {
nav#mainNavigation [href="/seating"] {
    font-weight: 800;
}
{
nav#mainNavigation [href="/homeaccessories"] {
    font-weight: 800;
  }

  {
nav#mainNavigation [href="/lighting"] 
    font-weight: 700;
}
  {
.spacer-block {
    display: block !important;

}

@media screen and (max-width:767px) {
main#page {
    padding-left: 10px;
    padding-right: 10px;
}


@media screen and (max-width:767px) {
div#page-section-62bf411d5f0d75795dcecb37 .span-6:last-child {
    padding-left: 6vw;
    padding-right: 6vw;
}
}
.gallery-fullscreen-slideshow-item-img{
    transition: opacity 1600ms ease-in-out !important;
    -webkit-transition: opacity 1600ms ease-in-out !important;
    -ms-transition: opacity 1600ms ease-in-out !important;
    -moz-transition: opacity 1600ms ease-in-out !important;
    -o-transition: opacity 1600ms ease-in-out !important;
}
    }
//.gallery-fullscreen-slideshow[data-transition="fade"] 
.gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src{
    transition: opacity 1400ms ease-in-out !important;
    -webkit-transition: opacity 1400ms ease-in-out !important;
    -ms-transition: opacity 1400ms ease-in-out !important;
    -moz-transition: opacity 1400ms ease-in-out !important;
    -o-transition: opacity 1400ms ease-in-out !important;
#page-title {visibility: hidden}
}
header#header { position: fixed }
#page-title {visibility: hidden}
.homepage #siteTitle {display: none;}


.slide {
   visibility: visible !important;
   -webkit-transition: opacity 2.5s ease-in-out;
   -moz-transition: opacity 2.5s ease-in-out;
   -o-transition: opacity 2.5s ease-in-out;
   transition: opacity 2.5s ease-in-out;
  }}

  • Replies 1
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted
19 minutes ago, Gazmozmarsh said:

My code that has been working fine one squarepace has stopped working.

My shop is no longer in 5 columns, the headings have been removed from the nav items and the transition between my slides has stopped working. Can someone tell me what I am doing wrong 

 

Here is my code: 

 

.transparent-header.view-list .banner-thumbnail-wrapper,
.transparent-header.collection-type-page .banner-thumbnail-wrapper{
   padding: 200px 0 200px;
}
{
.header-nav-item:design-services-1(1) {
font-weight: 700;
}

@media (max-width: 640px) {
    h3 {
        font-size:50px !important
    }
   h3 {
        line-height: 1em;
    }
}
nav#mainNavigation .folder .subnav {
    column-count: 5;
  padding-top:50;
}
nav#mainNavigation [href="/shopbyroom1"] {
    font-weight: 800;
}
  {
nav#mainNavigation [href="/seating"] {
    font-weight: 800;
}
{
nav#mainNavigation [href="/homeaccessories"] {
    font-weight: 800;
  }

  {
nav#mainNavigation [href="/lighting"] 
    font-weight: 700;
}
  {
.spacer-block {
    display: block !important;

}

@media screen and (max-width:767px) {
main#page {
    padding-left: 10px;
    padding-right: 10px;
}


@media screen and (max-width:767px) {
div#page-section-62bf411d5f0d75795dcecb37 .span-6:last-child {
    padding-left: 6vw;
    padding-right: 6vw;
}
}
.gallery-fullscreen-slideshow-item-img{
    transition: opacity 1600ms ease-in-out !important;
    -webkit-transition: opacity 1600ms ease-in-out !important;
    -ms-transition: opacity 1600ms ease-in-out !important;
    -moz-transition: opacity 1600ms ease-in-out !important;
    -o-transition: opacity 1600ms ease-in-out !important;
}
    }
//.gallery-fullscreen-slideshow[data-transition="fade"] 
.gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src{
    transition: opacity 1400ms ease-in-out !important;
    -webkit-transition: opacity 1400ms ease-in-out !important;
    -ms-transition: opacity 1400ms ease-in-out !important;
    -moz-transition: opacity 1400ms ease-in-out !important;
    -o-transition: opacity 1400ms ease-in-out !important;
#page-title {visibility: hidden}
}
header#header { position: fixed }
#page-title {visibility: hidden}
.homepage #siteTitle {display: none;}


.slide {
   visibility: visible !important;
   -webkit-transition: opacity 2.5s ease-in-out;
   -moz-transition: opacity 2.5s ease-in-out;
   -o-transition: opacity 2.5s ease-in-out;
   transition: opacity 2.5s ease-in-out;
  }}

Can you replace your code with the code below?

.transparent-header.view-list .banner-thumbnail-wrapper, .transparent-header.collection-type-page .banner-thumbnail-wrapper{
   padding: 200px 0 200px;
}

.header-nav-item:design-services-1(1){
  font-weight: 700;
}

@media (max-width: 640px) {
  h3 {
    font-size:50px !important
  }
  h3 {
    line-height: 1em;
  }
}

nav#mainNavigation .folder .subnav {
  column-count: 5;
  padding-top:50;
}

nav#mainNavigation [href="/shopbyroom1"] {
    font-weight: 800;
}

nav#mainNavigation [href="/seating"] {
  font-weight: 800;
}

nav#mainNavigation [href="/homeaccessories"] {
  font-weight: 800;
}

nav#mainNavigation [href="/lighting"]{
  font-weight: 700;
}

.spacer-block {
  display: block !important;
}

@media screen and (max-width:767px) {
  main#page {
    padding-left: 10px;
    padding-right: 10px;
  }
}


@media screen and (max-width:767px) {
  div#page-section-62bf411d5f0d75795dcecb37 .span-6:last-child {
    padding-left: 6vw;
    padding-right: 6vw;
  }
}

.gallery-fullscreen-slideshow-item-img{
  transition: opacity 1600ms ease-in-out !important;
  -webkit-transition: opacity 1600ms ease-in-out !important;
  -ms-transition: opacity 1600ms ease-in-out !important;
  -moz-transition: opacity 1600ms ease-in-out !important;
  -o-transition: opacity 1600ms ease-in-out !important;
}

//.gallery-fullscreen-slideshow[data-transition="fade"] 
.gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src {
  transition: opacity 1400ms ease-in-out !important;
  -webkit-transition: opacity 1400ms ease-in-out !important;
  -ms-transition: opacity 1400ms ease-in-out !important;
  -moz-transition: opacity 1400ms ease-in-out !important;
  -o-transition: opacity 1400ms ease-in-out !important;
  #page-title {visibility: hidden}
}
header#header { position: fixed }
#page-title {visibility: hidden}
.homepage #siteTitle {display: none;}


.slide {
   visibility: visible !important;
   -webkit-transition: opacity 2.5s ease-in-out;
   -moz-transition: opacity 2.5s ease-in-out;
   -o-transition: opacity 2.5s ease-in-out;
   transition: opacity 2.5s ease-in-out;
  }

 

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

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.