Jump to content

How can I change simple colors on CART page?

Recommended Posts

Site URL: http://www.elijahaaron.com/discography

I'm not looking to style my cart page too much - just a few color changes - I've attached a picture. I'd like to...

1.) Make the background white
2.) Change the background color of the cart
3.) Change the color of the checkout button on hover

I'm also wondering how to change the hover color of my "add to cart" buttons on my music page. It doesn't seem to work on the design settings.

http://www.elijahaaron.com/discography

Screen Shot 2022-10-16 at 3.04.02 PM.png

Link to comment
  • Replies 3
  • Views 242
  • Created
  • Last Reply

Top Posters In This Topic

#1. Add to Design > Custom CSS

body#cart {
    background-color: white !important;
}

#2. Float cart on bottom right? Do it on cart page or all pages?

#3. Use this CSS

button.cart-checkout-button:hover {
    color: #f1f !important;
}

 

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!)

Link to comment
On 10/17/2022 at 12:02 PM, tuanphan said:

#1. Add to Design > Custom CSS

body#cart {
    background-color: white !important;
}

#2. Float cart on bottom right? Do it on cart page or all pages?

#3. Use this CSS

button.cart-checkout-button:hover {
    color: #f1f !important;
}

 

I'm trying to get the hover over color of "cehckout" to be my branding color #a0c2b4

I'd also like the "Add to cart" button  and the floating cart in the bottom right to change to the same color

Link to comment
On 10/21/2022 at 1:13 PM, elijah_aaron said:

I'm trying to get the hover over color of "cehckout" to be my branding color #a0c2b4

I'd also like the "Add to cart" button  and the floating cart in the bottom right to change to the same color

You mean text hover or background hover?

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!)

Link to comment

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.