mars2 Posted November 18, 2020 Posted November 18, 2020 Site URL: https://ellipsoid-violin-xflr.squarespace.com/ Hey there guys! It seems like I might've messed up something in my CSS that resulted in a large empty space that comes after my footer. It isn't on my home page but you can see it on all the other pages, like the shopping cart. Here is my complete CSS. If anyone can help me figure out how to remove that blank space, I would appreciate it greatly! Thank you 🙂 https://ellipsoid-violin-xflr.squarespace.com/ password: 222 /* begin modify add to cart font size */ .sqs-add-to-cart-button-inner { font-size:3.3rem !important; } /* end modify add to cart font size */ /* begin modify mobile navigation */ .header-menu-nav-item * { font-size: 50px !important; } /* end modify mobile navigation */ /* begin modify sale and sold out tags */ .product-mark.sale { font-family: Chicle; font-size:1.5rem !important; letter-spacing: .1em; text-transform: lowercase !important; } .product-mark.sold-out { font-family: Chicle; font-size:1.5rem !important; letter-spacing: .1em; text-transform: lowercase !important; color: #bbff00 } /* end modify sale and sold out tags */ /* begin modify quantity on product pages */ .ProductItem-details .variant-select-wrapper select { border-color: black; border-width: 0px; } .ProductItem-details .product-quantity-input input { border-color: hsl(298, 100%, 81%); border-width: 3px; border-size: 1 } .ProductItem-details .product-quantity-input input:focus { outline-color: blue; outline-width: 0px; } .product-quantity-input input { padding-top: 3px !important; padding-bottom: 3px !important; padding-right: 10px !important; padding-left: 40px !important; } /* end modify quantity on product pages */ /* begin modify spaces between price/quantity on product pages */ .ProductItem-details-title { margin-bottom: 18px !important; } .ProductItem-details .ProductItem-product-price { margin-bottom: -30px; } .product-quantity-input {margin-top: 40px;} .variant-option {margin-bottom: -20px!important; } /* end modify spaces between price/quantity on product pages */ /* begin checkout button appearance */ .CartFooter-checkout-28MW2 button.sqs-editable-button { background-color: hsl(294, 100%, 50%) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; color: #fff !important; -webkit-backface-visibility: hidden !important; -webkit-transition: .1s opacity linear !important; -moz-transition: .1s opacity linear !important; -ms-transition: .1s opacity linear !ii; transition: .1s opacity linear !important; padding: 10px 10px !important; font-family: synthemesc !important; font-weight: 400 !important; font-style: normal !important; font-size: 55px !important; letter-spacing: .1em !important; text-transform: uppercase !IMPORTANT; line-height: normal !important; } /* end checkout button appearance */ /* begin Shopping Cart page appearance */ .cart-title { font-family: Synthemesc !important; font-size: 50px !important; } .CartTable-itemLabel-3zzV1 { font-family: Spicy Rice !important; font-size: 25px !important; text-transform: lowercase !IMPORTANT; } .CartTableRow-itemTitle-1MDgZ a { font-family: Bebas Neue !important; font-weight: 400 !important; font-style: normal !important; font-size: 25px !important; letter-spacing: .01em !important; text-transform: uppercase !IMPORTANT; line-height: normal !important; } .CartTableRow-variant-1ihcF.variant { font-family: Bebas Neue !important; font-weight: 400 !important; font-style: normal !important; font-size: 23px !important; letter-spacing: .01em !important; text-transform: uppercase !IMPORTANT; line-height: normal !important; } .CartTableRow-itemPrice-26eXS.item-price { font-family: Spicy Rice !important; font-size: 24px !important; text-transform: lowercase !IMPORTANT; } .CartTable-subtotal-2nJjm { text-transform: uppercase !IMPORTANT;} span.CartTable-subtotalPrice-2JFeD { font-family: Spicy Rice !important; font-size: 40px !important; text-transform: lowercase !IMPORTANT; } body#cart { background-color: #fff;} /* end Shopping Cart page appearance */ /* begin empty cart message */ .empty-message { visibility: hidden; } .empty-message:before { visibility: visible; content: "What's this? Your shopping cart is empty! A fairy must have swiped your treasures- or you simply haven't added anything yet. Who knows really!!!"; font-family: Synthemesc !important; font-size: 30px !important; text-transform: uppercase !IMPORTANT; color: hsl(298, 100%, 81%) } /* end empty cart message */ /* begin Contact form button */ input.button.sqs-system-button.sqs-editable-button { background-color: hsl(294, 100%, 50%) !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; color: #fff !important; -webkit-backface-visibility: hidden !important; -webkit-transition: .1s opacity linear !important; -moz-transition: .1s opacity linear !important; -ms-transition: .1s opacity linear !ii; transition: .1s opacity linear !important; padding: 15px 6px !important; font-family: synthemesc !important; font-weight: 400 !important; font-style: normal !important; font-size: 35px !important; letter-spacing: .03em !important; text-transform: uppercase !IMPORTANT; line-height: normal !important; } /* end Contact form button */
tuanphan Posted November 22, 2020 Posted November 22, 2020 Do you still need help on this? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Archived
This topic is now archived and is closed to further replies.