Jump to content

Recommended Posts

Hello,

I have had a number of custom header, product page, and font css on my website and all of sudden they stoped working. Any idea how to get my website back to normal? See some of them below.

 

@media screen and (max-width: 768px) {
    .products.collection-content-wrapper .list-grid {
      display: grid;
      grid-template-columns: repeat(3,minmax(0,1fr));
      grid-column-gap: 4vw;
      grid-row-gap: 2vw;
      padding: 0;
  }
}/* product title font */
.products.collection-content-wrapper .grid-main-meta .grid-title {
    font-size: 10px;
}/* Mobile-Align product price */
@media screen and (max-width:640px) {
.products.collection-content-wrapper .grid-main-meta .grid-title {
    min-height: 30px;
}
}/* Resize slideshow banner mobile */
@media screen and (max-width:767px) {
body.homepage ul.slides.slides--initialized {
    min-height: 30vh !Important;
}
}@media screen and (max-width:767px) {
body.homepage li:nth-child(n+8) .slide-content.list-item-card-background {
    margin-top: 0 !important;
}
}/* Product slide arrows control */
@media screen and (max-width:767px) {
.ProductItem-gallery-carousel-controls {
    display: flex !important;
}
/* arrows background */
.ProductItem-gallery-carousel-controls * {
    background: white;
}
.ProductItem-gallery-carousel-controls>div {
    justify-content: center !important;
}
.ProductItem .product-item-gallery-carousel-control::after, .ProductItem .product-item-gallery-carousel-control::after {
    border-color: black !important;
}}.product-mark.sold-out {
    position: absolute;
    top: 0;
    right: 0;
    background-color: grey;
    color: white;
    padding: 5px;
  font-size: 8px !important;
}.header-menu-nav a {
    font-size: 18px;
}a {text-decoration-line:none !important;}h3 {
  margin-top: -25px !important;
}h4 {
  margin-top: 6px !important;
}@media screen and (max-width:1000px) {
.products .list-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    display: grid;
    grid-column-gap: 10px;
    grid-row-gap: 30px;
}
}/* reduce padding, uses LESS syntax */

@media screen and ( max-width : 1400px ) {

  .page-section.vertical-alignment--middle:not( .content-collection ):not( .gallery-section ):not( .user-items-list-section ).section-height--small > .content-wrapper {
  
    padding-bottom : ~"calc( 3.3vmax / 2 )";
    padding-top : ~"calc( 3.3vmax / 2 )";
    
    }
    
  .page-section:not( .full-bleed-section ) > .content-wrapper {
  
    padding-left : calc( 7vw / 2 );
    padding-right : calc( 7vw / 2 );

    }
    
  .blog-basic-grid {
  
    padding-bottom : calc( 6vw / 2 );
    padding-top : calc( 6vw / 2 );

    }
    
  .tweak-blog-basic-grid-width-inset .blog-basic-grid {
  
    padding-left : calc( 6vw / 2 );
    padding-right : calc( 6vw / 2 );
    
    }
    
  .blog-basic-grid .blog-basic-grid--container {
  
    margin-bottom : calc( 30px / 2 );
    
    }
    
  }[data-section-id="62c3454a3e63957aeb3d09cf"] .content-wrapper,
[data-section-id="62c3454a3e63957aeb3d09cf"] .sqs-layout .sqs-row .sqs-block:first-child,
[data-section-id="62c3454a3e63957aeb3d09cf"] .sqs-block-image

  {
  
    padding-top : calc( 15px / 2 ) !important;
    
    }@media screen and (max-width:767px) {
.product-quantity-input {
    display: none !important;
}
h2.ProductItem-related-label {
    font-size: 12px !important;
}
}@media screen and (max-width:767px) {
.tweak-products-width-full .products.collection-content-wrapper {
    padding-left: 3vw;
    padding-right: 3vw;
}
.products.collection-content-wrapper .list-grid {
    grid-column-gap: 10px;
}
.grid-title {
    min-height: unset !important;
}
}@media screen and (max-width:767px) {
.products.collection-content-wrapper .grid-item.is-loaded {
    margin-bottom: 5px;
}
}html, body {overflow-x:hidden;}
footer.sections input[type="email"] {
    border: 1px solid black;
}
footer.sections button.newsletter-form-button.sqs-system-button {
    background-color: white !important;
    color: black !important;
    border: 1px solid black !important;
}
footer.sections p a:hover {
    text-decoration: underline !important;
}@media screen and (max-width:767px) {
footer.sections input[type="email"], footer.sections input[type="email"]::placeholder {
    color: black;
}
footer.sections .newsletter-form-body>div {
    margin-top: 0;
}
footer.sections .newsletter-form-body {
    padding-bottom: 0 !important;
}
footer.sections .newsletter-form-footnote {
    display: none;
  }}

Link to comment
  • Replies 1
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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.