cloudhymns Posted September 5, 2023 Share Posted September 5, 2023 I cannot for the life of me figure out what's wrong. None of my type is this small anywhere else on the site, and I've combed through my current code injections and nothing seems like it should be interfering with the cart. Also would appreciate help in moving the quantity and price numbers down. Thanks! Link to comment
Solution creedon Posted September 5, 2023 Solution Share Posted September 5, 2023 SS apparently didn't design the cart with larger fonts in mind and it is all out of whack. Add the following to Website > Website Tools > Custom CSS. .cart-row-price, .cart-row-qty-input, .cart-subtotal-label, .cart-subtotal-price, .cart-row-title { font-size : unset; line-height : unset; } Let us know how it goes. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
cloudhymns Posted September 5, 2023 Author Share Posted September 5, 2023 (edited) 1 hour ago, creedon said: SS apparently didn't design the cart with larger fonts in mind and it is all out of whack. Add the following to Website > Website Tools > Custom CSS. .cart-row-price, .cart-row-qty-input, .cart-subtotal-label, .cart-subtotal-price, .cart-row-title { font-size : unset; line-height : unset; } Let us know how it goes. This did it— but you have to add "!important" before every alteration's semicolon (i.e. font-size: 40px !important;) Things look muuuuuuch better. If it isn't too much of a bother, would you know a solution to move the subtotal, final cost, and checkout button all to be centered? Thanks so much for your help! Edited September 5, 2023 by cloudhymns Change ";" to semicolon — for clarity. Link to comment
cloudhymns Posted September 6, 2023 Author Share Posted September 6, 2023 Oh, gosh. I didn't notice that there is a separate (though similar) issue when there are no items in the cart. Do you know what the solution here would be as well? I just don't know how to target that "you have nothing in your cart" text, or the "continue shopping" button in this context. Thank you! Link to comment
creedon Posted September 6, 2023 Share Posted September 6, 2023 Quote I didn't notice that there is a separate (though similar) issue when there are no items in the cart. #cart .empty-message { font-size : unset; line-height : unset; } Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
creedon Posted September 6, 2023 Share Posted September 6, 2023 Quote would you know a solution to move the subtotal, final cost, and checkout button all to be centered? This ruleset may be a bit more fragile as SS doesn't provide a semantic class to target these elements for alignment. .cart-container ~ div:last-child { text-align : center; } tuanphan 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. 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