Dunkley Posted March 6 Share Posted March 6 Hey! Would love some help to make some changes to the shopping cart page. I am trying to increase the font size for the product name, "Test Product" I am also trying to increase the size of the thumbnail. Make the checkout button text capitalized, shorter width and matching my SUBMIT button I attached. Here's my website link for the shopping cart. Add that item to the shopping cart and head to the shopping cart page to view it on your screen. https://www.adunkleyportfolio.com/store-metal-prints/p/six-love-bruk-table-metal-print-ddk2m-rr92d-64y2p-stjpe-5tzgb-2yhd3-rxmej-a4rla-23azk-3zf3t-yhg4z-gdgpw Here's the link to where the SUBMIT button is. (bottom of page) https://www.adunkleyportfolio.com/ Many thanks! Dunkley Link to comment
tuanphan Posted March 8 Share Posted March 8 Hi, The product url doesn't exist. Can you check it again? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Dunkley Posted March 20 Author Share Posted March 20 Hey! Sorry about the late response. Here's the updated link. Select any of the products on this page and go to the checkout section. https://www.adunkleyportfolio.com/store-metal-prints Thanks! Link to comment
Solution tuanphan Posted March 25 Solution Share Posted March 25 On 3/21/2023 at 4:15 AM, Dunkley said: Hey! Sorry about the late response. Here's the updated link. Select any of the products on this page and go to the checkout section. https://www.adunkleyportfolio.com/store-metal-prints Thanks! Add to Design > Custom CSS /* name */ a.cart-row-title { font-size: 30px !important; } /* image */ div.cart-row-img-wrapper { width: 200px !important; } /* button */ button.cart-checkout-button { width: 200px !important; min-width: unset !important; max-width: unset !important; padding: 10px 20px !important; } div.cart-checkout { align-items: flex-end; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Dunkley Posted March 28 Author Share Posted March 28 On 3/6/2023 at 1:09 PM, Dunkley said: Make the checkout button text capitalized Thank you! These codes worked well. I still need help with this last request. "CHECKOUT" should be in Uppercase. Many thanks for your time! Link to comment
tuanphan Posted April 2 Share Posted April 2 On 3/28/2023 at 9:14 AM, Dunkley said: Thank you! These codes worked well. I still need help with this last request. "CHECKOUT" should be in Uppercase. Many thanks for your time! Use this code button.cart-checkout-button { text-transform: uppercase !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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