Jump to content

How do I get radio buttons to not be spaced so far from the text

Recommended Posts


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!


Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment
  • 2 weeks later...
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!!

Screen Shot 2021-03-08 at 4.24.30 PM.png

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.