Jump to content

Recommended Posts

Posted (edited)

Hello here
Please i need help in fixing my quick view on one of my products 
The gift card has a double numeric value there- I need to remove one.
 

@font-face { font-family: Romla Signature; src: url(https://static1.squarespace.com/static/62a7f5e04c80b90042a00c81/t/6308949272e4206b762b59de/1661506706406/Romla+Signature.ttf)}
#block-yui_3_17_2_1_1661480871942_1057794{background: rgba(248,189,180, 0.7)};
#block-yui_3_17_2_1_1662496454064_1293879{background: rgba(248,189,180, 0.7)};
  #block-yui_3_17_2_1_1661480871942_1863185 {background: rgba(248,189,180,0.7)}
#block-yui_3_17_2_1_1661480871942_1452821{background:rgba(248,189,180, 0.7) }
#block-0167b5046e0e32e05477 {background:#d4af37; border: 2px solid #000; outline: 15px solid #d4af37 }
#block-fe2836bed265ab8f6273{background:#d4af37; border: 2px solid #000; outline: 15px solid #d4af37 }
#block-7b2b0d963af950498c8c{background:#D4AF3; border: 2px solid #000; outline: 15px solid #d4af37}
#block-yui_3_17_2_1_1661480871942_2090287{background:#fff; border: 9px solid #ffbb99; outline: 10px solid #000 }

//edits meem graphics///

//fonts//
@font-face { font-family: Romla; src: url(https://static1.squarespace.com/static/62a7f5e04c80b90042a00c81/t/6308949272e4206b762b59de/1661506706406/Romla+Signature.ttf)}

h1 strong{font-family:'Romla'}

//shop//
/* limit image height */
@media screen and (min-width:640px) {#collection-6309269b8eec11768716fa3f .image-container {
    max-height: 300px;
    overflow: hidden;
}}

@media screen and (min-width:640px) {#collection-630939aee0ef746ebda8297e .image-container {
    max-height: 300px;
    overflow: hidden;
}}


//quick view//
/* Quick view lighbox */
div.sqs-product-quick-view-content .ProductItem-details-checkout * {
    color: #ff07A4 !important;
}

.sqs-product-quick-view-lightbox .ProductItem-details-title{
    color: #ff07A4 !important;
}

/////
//Steph's Edits///
// change overlay behind lightbox //

.sqs-product-quick-view-lightbox.sqs-modal-lightbox .sqs-modal-lightbox-content .lightbox-background {background: #ffada5 !important; opacity:.5}

// lightbox background color //

.sqs-product-quick-view-content {background: #f2d98c;}

// change close x color //

.sqs-product-quick-view-lightbox-close-button line{stroke: #ffffff !important}

/* Shopping Cart Title */
.cart-title {
color: #d9a90e;
font-family: serif;
text-transform:uppercase;
text-align: center 
}

/* Product Title */
.cart-row-title {
font-family: serif!important;
  font-size: 1.5rem
}
/* Product Image */
.cart-row-img{
border-radius: 15px
}

/* Product Row */
.cart-row {
border:none!important
}

/* Cart Content */
.cart-container{
background: #ffbb99;
border-radius: 10px;
padding: 1rem;
width: 80vw;
}
// Cart Body///
body#cart { background: #ffedcb;}
.cart-subtotal{
  color: #d9a90e;}


.cart-checkout * {
background-color: #d9a90e!important;
color: white!important;
font-family: Serif!important;
font-size: 1.3rem !important; 
border-radius:50px!important
}

.cart-checkout:hover *{
background-color:purple!important;}
I will attach image 
[Select value is duplicated]

SharedScreenshot.jpg

Edited by Lizacharlotte
  • Replies 1
  • Views 922
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Posted

Please add this css too : it will fix your issue. 

#product-quick-view .product-details .variant-option select {
    background: #f2d98c
    padding-left: 15px;
}

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.