• Resolved alphagoldafrica

    (@alphagoldafrica)


    Hi,

    How do I improve the design of the form. My fields are touch each other and I would like it to look better. Please may you help me?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @alphagoldafrica

    A possibility would be to redefine the .column2 special class. Please, enter the following style definition into the “Customize Form Design” attribute in the “Form Settings” tab (https://cff.dwbooster.com/images/documentation/form-settings-tab.png)

    
    @media (min-width:710px){
    #fbuilder .column2{width:49% !important;}
    #fbuilder .column2:nth-child(even){float:right !important;}
    }
    

    and that’s all.
    Best regards.

    Thread Starter alphagoldafrica

    (@alphagoldafrica)

    Thank you so much. I am super thrilled. Thank you

    I would like to stretch the date and time field across the row.

    Currently the time is shown under the date but I would like to sit next to or adjacent to the date.

    How do we achieve this?

    Thank you so much

    Plugin Author codepeople

    (@codepeople)

    Hello @alphagoldafrica

    You simply should to delete the class name: column2 from the “Add CSS Layout keyword” attribute in the settings of the Date/time field.

    Best regards.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Improve design of form’ is closed to new replies.