thegrannywardrobe Posted April 16, 2022 Share Posted April 16, 2022 (edited) Site URL: https://www.thegrannywardrobe.com/cart I'm running into walls on aligning the Empty Cart Message and the Continue Shopping Button. I've tried the below code but the message is slightly off the centre and the button is just not aligning at all. 😞 Quote .empty-message { visibility: hidden; text-align: center; } .empty-message:before { visibility: visible; content: "Your shopping cart is empty."; } #cart [data-test="continue-shopping-link"] span { text-align: center; } Thank you so much in advance! Happy Easter! Best, Lorraine Edited April 16, 2022 by thegrannywardrobe Typo Link to comment
tuanphan Posted April 19, 2022 Share Posted April 19, 2022 Add to Design > Custom CSS /* Continue shopping */ a[data-test="continue-shopping-link"] { display: block; text-align: center !important; margin: 0 auto !important; } thegrannywardrobe 1 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
thegrannywardrobe Posted April 19, 2022 Author Share Posted April 19, 2022 15 hours ago, tuanphan said: Add to Design > Custom CSS /* Continue shopping */ a[data-test="continue-shopping-link"] { display: block; text-align: center !important; margin: 0 auto !important; } OMG! Thank you so much! It worked!! 🙂 🙏 Link to comment
Don_Leverich Posted January 4 Share Posted January 4 Hello, I am in a 7.1 store and this solution did not work for me. I was able to shift the text to center, but not the button. Has anyone solved this please? Link to comment
tuanphan Posted January 7 Share Posted January 7 On 1/5/2023 at 3:42 AM, Don_Leverich said: Hello, I am in a 7.1 store and this solution did not work for me. I was able to shift the text to center, but not the button. Has anyone solved this please? Hi, If you share link to your cart page, we can check easier 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
Don_Leverich Posted January 7 Share Posted January 7 56 minutes ago, tuanphan said: Hi, If you share link to your cart page, we can check easier https://www.donleverich.com/cart Upon inspection I was able to adjust the button in some browsers to expand across the div with the text centered. But cannot figure out how to override the static placement of the button container. custom css added by me: /* Shopping Cart Page Title */ .cart-title { text-align: center !important; } .empty-message { text-align: center !important; } .B0yyBzha4XLlhHMgHNKw.nhlNN4NzPVOWRpKb5TAO.sqs-editable-button.sqs-button-element--secondary.cart-continue-button { display: block !important; } Link to comment
tuanphan Posted January 8 Share Posted January 8 On 1/7/2023 at 10:24 PM, Don_Leverich said: https://www.donleverich.com/cart Upon inspection I was able to adjust the button in some browsers to expand across the div with the text centered. But cannot figure out how to override the static placement of the button container. custom css added by me: /* Shopping Cart Page Title */ .cart-title { text-align: center !important; } .empty-message { text-align: center !important; } .B0yyBzha4XLlhHMgHNKw.nhlNN4NzPVOWRpKb5TAO.sqs-editable-button.sqs-button-element--secondary.cart-continue-button { display: block !important; } Use this CSS 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