Checkbox padding problem

vinteroy

Asked on January 26, 2021 at 02:11 PM

Hi,
i have tried to move weekdays checkboxes little bit more to center, but no success. Monday box slightly cuts from left edge. I'm beginner/first timer with CSS, but i've allmost get all right. Can you please help me with it?

Ps. There might be some strange CSS-code, but everything seems to work fine so far :)

Link to form: https://form.jotform.com/210221593900344

1611688057_60106879ea35f_

JotForm Support

Jed_C

Answered on January 26, 2021 at 07:38 PM

Unfortunately, card form layout doesn't have CSS. If you want to fully customize your form with CSS, you will need to change the layout to Classic.

Guide: https://www.jotform.com/help/493-how-to-change-the-form-layout

vinteroy

Answered on January 27, 2021 at 09:25 AM

Upper has css changes made in classic mode. Lower is new configurable list without css. Upper makes boxes align vertically lower horizontally.

1611757499_601177bb78950_Näyttökuva 20

JotForm Support

Jimmy_D

Answered on January 27, 2021 at 09:54 AM

Hello!

It looks like you were able to fix the issue. Am I right?

Do you need further assistance?

We will await your response.

vinteroy

Answered on January 27, 2021 at 10:13 AM

Hi,

Monday checkbox still needs little bit space to left side. Line cuts little bit.

Br,

Jyrki

JotForm Support

Patrick_R

Answered on January 27, 2021 at 11:15 AM

Hello! Please provide us your Form URL. We'll take a look and get back to you.

Thank you!

vinteroy

Answered on January 27, 2021 at 11:55 AM

Hi, Thank you. url: https://eu.jotform.com/build/210221593900344

Br, jyrki

JotForm Support

Jimmy_D

Answered on January 27, 2021 at 01:43 PM

Hello!

Since we cannot add custom CSS code to the Card Form Layout, I have raised this to our back-end team so they can take a closer look at this. We will message you as soon as we have an update.

Thank you.

JotForm Support

hayk

Answered on January 29, 2021 at 02:56 AM

Hi Jyrki,

You have injected CSS in the Classic layout then you have switched to Card layout and that's why it has caused an issue. I checked out your form and added 5px left margin for checkboxes. Now it should look good. Please clear your browser's cache and check out the widget once again. Please let us know if you need further assistance.

Regards,

Widgets Team

vinteroy

Answered on January 29, 2021 at 03:28 AM

Hi,

Thanks you wery much! Exellent job! That solved my tiny problem. Actually i changed it to 3px, because sunday box jumped to next row with 5px in cell phone. Now thy're all in same line.

Br,

Jyrki