Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

How to change product Lightbox background colour and text SS 7.1


Kwaks

Recommended Posts

Hi there I hoping you can help me. I'm working on a website for a client which is due to launch on Friday the site is complete but I have one issue. I would like to change the Product Quick View light box background colour from black to white. I have looked through the colour options and I can't see where I could do this. I have searched the square space forum for the last 2days but have had no luck, I was able to change the background colour  with some css code but the text and the form fields are still white. How can I change the text colour and all the other elements  to black. Please can you help me?

Screenshot 2021-01-27 at 12.38.50.png

Link to post
  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Add to Design > Custom CSS /* Quick view lighbox */ div.sqs-product-quick-view-content .ProductItem-details-checkout * { color: black !important; }  

Hi there I hoping you can help me. I'm working on a website for a client which is due to launch on Friday the site is complete but I have one issue. I would like to change the Product Quick View light

Add to Design > Custom CSS div.sqs-product-quick-view-content .ProductItem-details-checkout * { color: black !important; } .product-details .variant-option select { color: transparent !

Posted Images

On 2/2/2021 at 5:29 AM, RicaDesigns said:

Hi @tuanphan. I have the same question. I can change the background color to white, and the button color, but the white paragraph and value text needs to be changed to black, and the black button text needs to be changed to white (button will be maroon). 

The site is https://afikomen-judaica.squarespace.com/shop, PW is Judaica. 

I appreciate your help!!

Screen Shot 2021-02-01 at 2.23.15 PM.png

Add to Design > Custom CSS

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

 

Link to post

Hi,

Actually it's working perfectly for products that have a quantity, but the gift card value button has overlapping text now. Do you have any idea what's happening? 

Thanks!

 

Screen Shot 2021-02-08 at 5.46.13 PM.png

Link to post
6 hours ago, RicaDesigns said:

Hi,

Actually it's working perfectly for products that have a quantity, but the gift card value button has overlapping text now. Do you have any idea what's happening? 

Thanks!

 

Screen Shot 2021-02-08 at 5.46.13 PM.png

Add to Design > Custom CSS

div.sqs-product-quick-view-content .ProductItem-details-checkout * {
    color: black !important;
}
.product-details .variant-option select {
    color: transparent !important;
}

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...