Gazmozmarsh Posted November 27, 2023 Posted November 27, 2023 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; }}
Web_Solutions Posted November 27, 2023 Posted November 27, 2023 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.
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment