MarLo56 Posted March 4, 2021 Share Posted March 4, 2021 Site URL: https://sheep-smilodon-x2a6.squarespace.com I have 2 radio buttons on a Lightbox form and the text is spaced way too far to the right from the radio buttons. Can someone help me with a fix? You can see on the screenshot what's going on. Link to comment
tuanphan Posted March 7, 2021 Share Posted March 7, 2021 Hi. How to open lightbox? Where lightbox? 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
MarLo56 Posted March 7, 2021 Author Share Posted March 7, 2021 Tuanphan, thank you for your reply. The Lightbox form is located under: How Do I?>Get a Card Link to comment
Wolfsilon Posted March 7, 2021 Share Posted March 7, 2021 Hi there! Try pasting this into your Custom CSS editor: #collection-603bafa78186fa554e4d2112 input[type="radio"] { width: auto !important; } Let us know if it worked for you! MarLo56 and tuanphan 2 Link to comment
MarLo56 Posted March 7, 2021 Author Share Posted March 7, 2021 Wolfsilon, Thanks for the reply! I've attached a screenshot of the outcome. It's better. Is there a way for the radio boxes to line up with the text? Link to comment
IXStudio Posted March 8, 2021 Share Posted March 8, 2021 Hi, Use this code in Design -> Custom CSS .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper .form-inner-wrapper form .radio .option label { display: flex !important; justify-content: center !important; align-items: center !important; } Please use the like button if it helps you! Best, Leopold MarLo56 1 Ninja Kit Extension: Upgrade your Squarespace website without coding.YouTube Preview - FREE DOWNLOAD Link to comment
MarLo56 Posted March 8, 2021 Author Share Posted March 8, 2021 Leopold, Thanks for your reply. Unfortunately, the attached screenshot shows the results of the code. Link to comment
MarLo56 Posted March 8, 2021 Author Share Posted March 8, 2021 Actually, when I paste in both codes (Leopold's and Wolfsilon's) I get the attached. Wish the radio buttons were flush left with the text but if I have to settle its not too bad. Link to comment
MarLo56 Posted March 8, 2021 Author Share Posted March 8, 2021 Just thought I'd mess around with the codes a bit, trial and error. I used both codes but deleted the line justify-content: center !important;" and I got a winner. Screenshot attached. Thanks everyone!! Wolfsilon and creedon 2 Link to comment
tuanphan Posted March 20, 2021 Share Posted March 20, 2021 On 3/9/2021 at 4:30 AM, MarLo56 said: Just thought I'd mess around with the codes a bit, trial and error. I used both codes but deleted the line justify-content: center !important;" and I got a winner. Screenshot attached. Thanks everyone!! Hey. I see your site has a small problem on tablet. I think you can increase box height by adding CSS height or create 6 text blocks, then we will give the code to make background + shadow. This way it will always work on any device 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