cloudhymns Posted September 5 Share Posted September 5 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 Solution Share Posted September 5 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 Author Share Posted September 5 (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 by cloudhymns Change ";" to semicolon — for clarity. Link to comment
cloudhymns Posted September 6 Author Share Posted September 6 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 Share Posted September 6 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 Share Posted September 6 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