Checkbox padding problem

  • vinteroy
    Asked on January 26, 2021 at 2: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  Screenshot 10

  • Jed_C
    Replied on January 26, 2021 at 7: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
    Replied on January 27, 2021 at 9: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 Screenshot 10

  • Jimmy_D
    Replied on January 27, 2021 at 9: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
    Replied 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

  • Patrick_R
    Replied 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
    Replied on January 27, 2021 at 11:55 AM

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

    Br, jyrki

  • Jimmy_D
    Replied on January 27, 2021 at 1: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.

  • hayk JotForm Developer
    Replied on January 29, 2021 at 2: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 Screenshot 10

  • vinteroy
    Replied on January 29, 2021 at 3: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