Changing Cart Button Color and Changing Product Pricing Location

Site URL: https://mauve-sphere-dhk9.squarespace.com/

Hi

This is a two part question

https://www.thehappyplaceschool.com/

https://www.thehappyplaceschool.com/make-a-payment (shop page)

1) I want to change the cart button once you add something to cart (currently set to all black) to the site color of teal blue - there is not default for this. Screenshot attached of the black box. Is this possible with CSS?

2) I want to change the pricing on the product page closer to the options BELOW the description so that when you toggle on the options you can see the price change. Is this possible with CSS?

Also looking for help to move the price below my product description

32 minutes ago, SanitiseThis said:

Also looking for help to move the price below my product description

@tuanphan any support? you are the best!

Q1. Add to Home > Design > Custom CSS

.floating-cart {
    background: red;
}

Q2. Add to Home > Design > Custom CSS

.ProductItem-details .ProductItem-product-price {
    margin-bottom: 1px;
}
.ProductItem-details-excerpt p:first-child {
    margin-top: 0;
}

5 hours ago, SanitiseThis said:

Also looking for help to move the price below my product description

can you share link to product page?

On 6/24/2020 at 2:33 PM, tuanphan said:

can you share link to product page?

https://www.thehappyplaceschool.com/payment123/forest-pre-k-tuition-monthly-payment

@tuanphan

THANK YOU SO MUCH!!!

15 hours ago, IndigoBolt11 said:

https://www.thehappyplaceschool.com/payment123/forest-pre-k-tuition-monthly-payment

@tuanphan

 

THANK YOU SO MUCH!!!

The link doesn't exist