Jump to content

Checkout Button background and Text Change

Recommended Posts

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

Edited by IvanC
Adding to question
Link to comment
  • Replies 9
  • Created
  • Last Reply

Top Posters In This Topic

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.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

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

 

Edited by IvanC
Link to comment
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.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
47 minutes ago, creedon said:

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

913922138_ScreenShot2021-10-20at11_47_42AM.png.aabbd5a4b54e9e9cb335e4b2f3680099.png

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.

Add To Cart Button Needed.png

Edited by IvanC
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.