Checkout Button background and Text Change

Hey guys I've been meaning make some changes to my website but don't know how. I heard of coding but am no where near experience enough to do it alone. I would appreciate the help with the following tasks.

- Change the background color of the checkout button to white/ Solved

- Change the text within the checkout button to black/ Solved

- Add a "Add to Cart" button under the products on the home page

- Change the color of the "sale" text on quick view to orange hsl(31, 99%, 61%)

I know nothing about this not even the basics and would appreciate some help. Thank you

Please post the URL for a page or pages on your site where we can see your issue(s).

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

I was having trouble sharing URL but have attached some images. Im working on sharing the URL but for now ive provided images of the pages I want to fix.

https://seadragon-rust-kdpd.squarespace.com

Problem with the one above is I want to add a "Add to Cart" button under all designs provided.
Button background white and button text black.

If you go to quick view you can see that on an item fro sale the "sale is still displayed as white. I want to change that to orange hsl(31, 99%, 61%)

https://seadragon-rust-kdpd.squarespace.com/cart

The issue with this one is that I want to change the color of the checkout button from what is seen to a white button background with white text.

Password is - simplux01

Quote

 

- Change the background color of the checkout button to white

- Change the text within the checkout button to black

 

Add the following to Design > Custom CSS.

#cart .checkout-button {

  background-color : white;
  color : black;
  
  }

This is for v7.1.

I or others may be able to address your other issues.

Let us know how it goes.

Quote

- Change the color of the "sale" text on quick view to orange hsl(31, 99%, 61%)

Do you want to change the color of the crossed out sale price?

47 minutes ago, creedon said:

Do you want to change the color of the crossed out sale price?

I want to change it so that when its on sale it looks like to one displayed on home view. Ill post a picture. Also, Thanks for the help with the checkout button change. I really appreciate that.

It appears you've figured out how to change the color of the sale text but you may have noticed that the color changes when you select a variant.

Please see the following.

Let us know how it goes.

It didn't work. The currency is displayed as USD as that's what I will base my pricing on but hasn't changed.

Quote

It didn't work.

Is the code installed now? If not, please install. I can then see what the issue might be.