annyanderyn Posted February 23, 2021 Share Posted February 23, 2021 Site URL: https://www.annyanderyn.com/shop/p/mini-speech-bubble Hoping someone can help me with some code (I'm a novice!). I'm trying to move the "add to cart" button on our custom product form to the centre. I've tried text-align:centre !important but it doesn't seem to work. I'm struggling to isolate the block ID to make this happen. Can anyone help? Site: https://www.annyanderyn.com/shop/p/mini-speech-bubble (click on add to cart & the form will pop up) PW: distinct62 Thank you! Beyondspace 1 Link to comment
Beyondspace Posted February 23, 2021 Share Posted February 23, 2021 22 minutes ago, annyanderyn said: Site URL: https://www.annyanderyn.com/shop/p/mini-speech-bubble Hoping someone can help me with some code (I'm a novice!). I'm trying to move the "add to cart" button on our custom product form to the centre. I've tried text-align:centre !important but it doesn't seem to work. I'm struggling to isolate the block ID to make this happen. Can anyone help? Site: https://www.annyanderyn.com/shop/p/mini-speech-bubble (click on add to cart & the form will pop up) PW: distinct62 Thank you! You can try this in Design->Custom CSS sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper [data-animation-role="button"] { text-align: center; } Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
annyanderyn Posted February 23, 2021 Author Share Posted February 23, 2021 @bangank36 Thank you for this. I can see it worked on your screenshot but sadly hasn't worked on mine 😞 - am I likely to have conflicting code somewhere? Beyondspace 1 Link to comment
Beyondspace Posted February 23, 2021 Share Posted February 23, 2021 6 minutes ago, annyanderyn said: @bangank36 Thank you for this. I can see it worked on your screenshot but sadly hasn't worked on mine 😞 - am I likely to have conflicting code somewhere? That my bad with typo .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper [data-animation-role="button"] { text-align: center; } annyanderyn 1 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
annyanderyn Posted February 23, 2021 Author Share Posted February 23, 2021 @bangank36 That's perfect! Thank you so much :) Could I be cheeky & ask for your help with this on our home page? It's an embedded image in a code block that I'd like to centre? Link to comment
annyanderyn Posted February 23, 2021 Author Share Posted February 23, 2021 Managed to do this! Thank you for your help with the buttons! Beyondspace 1 Link to comment
annyanderyn Posted February 27, 2021 Author Share Posted February 27, 2021 @bangank36 Any chance you could help me with this submit button? I've identified its #block-yui_3_17_2_1_1614461007345_7720 but can't centralise the button again? Thanks! https://www.annyanderyn.com/contact-us PW: distinct62 Link to comment
Solution creedon Posted February 28, 2021 Solution Share Posted February 28, 2021 (edited) You can center that button by editing the form. Let us know how it goes. Edited February 28, 2021 by creedon annyanderyn 1 Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
annyanderyn Posted February 28, 2021 Author Share Posted February 28, 2021 @creedon You are a genius! Thank you so much for your help. I really appreciate it - completely overlooked the simplicity of this one 😅 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