michaelpga Posted March 2, 2022 Share Posted March 2, 2022 Site URL: https://www.nourish.melbourne Hi! How do you change the colour of the background and font on the shopping cart page? The background colour I'd like changed to #f1f1ec I'd like the "Shopping Cart" title to not be capitalised and match the heading font on the rest of my site. Also, I'd like the 'checkout' button design to match the button design my site. Website: www.nourish.melbourne Password: nm2022 Version: 7.1 brookerose23 1 Link to comment
Jia Posted March 2, 2022 Share Posted March 2, 2022 11 hours ago, michaelpga said: Site URL: https://www.nourish.melbourne Hi! How do you change the colour of the background and font on the shopping cart page? The background colour I'd like changed to #f1f1ec I'd like the "Shopping Cart" title to not be capitalised and match the heading font on the rest of my site. Also, I'd like the 'checkout' button design to match the button design my site. Website: www.nourish.melbourne Password: nm2022 Version: 7.1 Hi, add this to custom css. Let me know how it goes 🙂 .cart-title { visibility: hidden; } .cart-title::before { visibility: visible; content: "Shopping Cart"; text-transform: capitalize; } #cart { background-color: #f1f1ec; } button.sqs-editable-button.V1ekGHu_1.checkout-button { border-radius: 300px; background-color: transparent; color: #5b291d; border: 2px solid #5b291d; text-transform: lowercase; font-family: Poppins; font-size: 15px; padding: 1.2em 2.004em; } michaelpga 1 Please give this a 👍 if it helps. Make sure to quote me or tag me in your reply, otherwise I won't be notified. www.sevenstars.studio www.instagram.com/sevenstars.studio Link to comment
Nicko92 Posted March 3, 2022 Share Posted March 3, 2022 Site URL: https://www.icebankjewellers.com/cart Hi, I’m trying to change the font colour of my checkout tab in the shopping cart section as the colour currently matches background so customers can not seem to click to proceed to checkout. how can I edit this Link to comment
michaelpga Posted March 4, 2022 Author Share Posted March 4, 2022 On 3/3/2022 at 1:47 AM, Jia said: Hi, add this to custom css. Let me know how it goes 🙂 .cart-title { visibility: hidden; } .cart-title::before { visibility: visible; content: "Shopping Cart"; text-transform: capitalize; } #cart { background-color: #f1f1ec; } button.sqs-editable-button.V1ekGHu_1.checkout-button { border-radius: 300px; background-color: transparent; color: #5b291d; border: 2px solid #5b291d; text-transform: lowercase; font-family: Poppins; font-size: 15px; padding: 1.2em 2.004em; } Solved! Thank you! Jia 1 Link to comment
Jia Posted March 4, 2022 Share Posted March 4, 2022 19 hours ago, Nicko92 said: Site URL: https://www.icebankjewellers.com/cart Hi, I’m trying to change the font colour of my checkout tab in the shopping cart section as the colour currently matches background so customers can not seem to click to proceed to checkout. how can I edit this The checkout button? Looks like you've solved this one already 😊 Please give this a 👍 if it helps. Make sure to quote me or tag me in your reply, otherwise I won't be notified. www.sevenstars.studio www.instagram.com/sevenstars.studio 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