kennedyc Posted September 18, 2020 Share Posted September 18, 2020 (edited) Site URL: https://sawfish-cat-9nxl.squarespace.com/cart hi there, pw: Ch4rl13 I'm trying the change the background colour on the checkout button in the cart - I've managed to change the font and font colour, but nothing seems to make the background change. This is the code I've been messing around with to try and get it to work: /* checkout button */ .checkout-button span { color: #414042 !important; background: #F4ED3 !important; font-family: LilitaOne-Regular !important; } ...and on the payment page I've changed the button colour but can't figure out how to change the text! any help would be appreciated - Thanks folks! Edited September 18, 2020 by kennedyc Link to comment
Solution paul2009 Posted September 18, 2020 Solution Share Posted September 18, 2020 2 hours ago, kennedyc said: I'm trying the change the background colour on the checkout button in the cart The password you've provided for your site isn't correct, but you should be able to change the button colour on your Squarespace 7.1 site by adding the following to Design > Custom CSS: body .checkout button.CheckoutButton-checkoutButton-3yWY2 { background-color: #F4ED3; } If a post helps you, please click a "Like" option below ↘️ kennedyc 1 About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. Link to comment
kennedyc Posted September 18, 2020 Author Share Posted September 18, 2020 Thanks Paul - I tried the code and couldn't get it to work - tweaked it a bit and still no joy - any other advice? (sorry about password, I've corrected it in the original question) Link to comment
paul2009 Posted September 18, 2020 Share Posted September 18, 2020 Because it’s the cart, the CSS won’t take effect immediately. You’ll need to save it then refresh the page. kennedyc 1 About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. Link to comment
kennedyc Posted September 19, 2020 Author Share Posted September 19, 2020 Hi Paul, Great, thanks for your help! cheers, Kennedy paul2009 1 Link to comment
JKassel Posted November 9, 2020 Share Posted November 9, 2020 (edited) I am needing help with this also. I entered the code you provided substituting my preferred color. How long does this take to become visible? It's been about 10 minutes. Edited November 9, 2020 by JKassel update Link to comment
tuanphan Posted November 11, 2020 Share Posted November 11, 2020 On 11/10/2020 at 1:12 AM, JKassel said: I am needing help with this also. I entered the code you provided substituting my preferred color. How long does this take to become visible? It's been about 10 minutes. Can you share site url? We can check easier 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
LivelyHouse Posted September 10, 2021 Share Posted September 10, 2021 On 11/11/2020 at 5:57 AM, tuanphan said: Can you share site url? We can check easier Hi there - I would so appreciate your help as well. I tried using the code and the color didn't update for me. My site is livelyhouse.co. THANK YOU! Link to comment
tuanphan Posted September 12, 2021 Share Posted September 12, 2021 On 9/11/2021 at 4:23 AM, LivelyHouse said: Hi there - I would so appreciate your help as well. I tried using the code and the color didn't update for me. My site is livelyhouse.co. THANK YOU! Add to Design > Custom CSS /* Checkout button */ button.checkout-button { background-color: red !important; } button.checkout-button a { color: green !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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment