Dunkley Posted March 6, 2023 Share Posted March 6, 2023 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, 2023 Share Posted March 8, 2023 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Dunkley Posted March 20, 2023 Author Share Posted March 20, 2023 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, 2023 Solution Share Posted March 25, 2023 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Dunkley Posted March 28, 2023 Author Share Posted March 28, 2023 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, 2023 Share Posted April 2, 2023 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Dunkley Posted April 2, 2023 Author Share Posted April 2, 2023 You the best! 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