JamIsJam88 Posted March 15 Share Posted March 15 I made the text for radio options and checkboxes on forms smaller than 1rem for aesthetic purposes. However, the text is not vertically aligned with the radios and checkboxes. I've tried the code below, but it doesn't work. How can I align the text vertically with the radios and checkboxes? .sqs-block-form .field-list .option { display: flex !important; align-items: center !important; justify-content: center !important; } Link to comment
paramjeet.kour08 Posted March 16 Share Posted March 16 can you pls send me site url pls? Hi ! I am Paramjeet kaur Top rated SquareSpace Web Designer and Web Developer with SEO For Web Sites. Working Now As freelancer With lowest Rate. Rate $20 per hour. Till date, I have created over 300 + websites in Squarespace. Contact Me Email Link to comment
JamIsJam88 Posted March 16 Author Share Posted March 16 26 minutes ago, paramjeet.kour08 said: can you pls send me site url pls? Hi Paramjeet. I'll send you in a private message. Link to comment
Solution JamIsJam88 Posted March 16 Author Solution Share Posted March 16 I just figured it out. It's not the text that was not aligning with the radios and checkboxes. It was the radios and checkboxes themselves. Also, this code changes the colour of the fill when you select a radio or checkbox. I didn't like the default bright blue on Apple devices. .sqs-block-form .field-list fieldset.checkbox input[type="checkbox"] { accent-color: #443A31; vertical-align: middle; } .sqs-block-form .field-list fieldset.radio input[type="radio"] { accent-color: #443A31; vertical-align: middle; } paramjeet.kour08 1 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