Checkbox padding problem

  • Profile Image
    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_

  • Profile Image
    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

  • Profile Image
    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

  • Profile Image
    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. 

  • Profile Image
    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

  • Profile Image
    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!

  • Profile Image
    vinteroy
    Answered on January 27, 2021 at 11:55 AM

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

    Br, jyrki

  • Profile Image
    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.

  • Profile Image
    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

    1611906991_6013bfaf45325_CFL.png

  • Profile Image
    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