change color of quantity text in quickview

how do i change the color of the item quantity text? I cant seem to find it in the color settings. I also would like the add to cart text to change color when you hover over it

Can you share your website URL and the page?

Hey @Analissa - no need to share a link if you're using version 7.1! 

The code for customizing quantity color in a  lightbox is:

.sqs-product-quick-view-content .product-quantity-input input{color: #FFF!important;}

And the code for an add to cart button hover color in a quick view lightbox is:

.sqs-product-quick-view-content .sqs-add-to-cart-button:hover{background: blue!important; opacity:1!important}

Change up the word blue to any color code or websafe color name that you want to use!

Code source - my blog: https://insidethesquare.co/squarespace-tutorials/

On 6/6/2023 at 1:32 PM, inside_the_square said:

Hey @Analissa - no need to share a link if you're using version 7.1! 

The code for customizing quantity color in a  lightbox is:

.sqs-product-quick-view-content .product-quantity-input input{color: #FFF!important;}

And the code for an add to cart button hover color in a quick view lightbox is:

.sqs-product-quick-view-content .sqs-add-to-cart-button:hover{background: blue!important; opacity:1!important}

 

Change up the word blue to any color code or websafe color name that you want to use!

Code source - my blog: https://insidethesquare.co/squarespace-tutorials/

Thank you so much, this helped a lot. Is there a code to change the hover color in the regular product page?

On 6/8/2023 at 5:51 AM, Analissa said:

Thank you so much, this helped a lot. Is there a code to change the hover color in the regular product page?

Can you share link to a product?

On 6/7/2023 at 3:51 PM, Analissa said:

Thank you so much, this helped a lot. Is there a code to change the hover color in the regular product page?

Totally! All you need to do is remove the parent selector of ".sqs-product-quick-view-content" from both lines of code and it will work on an individual product page.