Okay
  Public Ticket #1259326
Contact Form 7 numerous checkboxs items Styling
Closed

Comments

  • bzels01 started the conversation
    July 31, 2017 at 3:56pm

    Hello,


    I would like to put in 4 or 5 columns checkbox items like in attachement

    What would be the CSS?  I already tried http://themenectar.com/docs/salient/importing-contact-form-data/ but this apply's only to "Label" not to checkbox items


    Thank you a lot in advance

    Kind Regards,

  •  9,390
    Tahir replied
    August 1, 2017 at 12:01pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    span.wpcf7-form-control.wpcf7-checkbox {
    display: flex !important;
    flex-wrap: wrap !important;
}

    Thanks

     Salient Support Team 

  • bzels01 replied
    August 3, 2017 at 7:47pm

    Hello,

    I tried your CSS, but it doesn't work , it doesn't show checkboxes in 4 or 5 columns 

    I tried standard Form7 CSS : span.wpcf7-list-item { display: block; }

    its shows only in one column :(

    thank you in advance

    Kind regards

  •  9,390
    Tahir replied
    August 5, 2017 at 1:58pm

    Use this css. 

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    span.wpcf7-form-control.wpcf7-checkbox {
    display: flex !important;
    flex-wrap: wrap !important;
}
span.wpcf7-list-item {
    width: 30%;
}

    Thanks

     Salient Support Team 

  • bzels01 replied
    August 9, 2017 at 10:47am

    Hello,

    it works ! thank you

    the "width: 30%;" parameter helps for the space between columns, but how can I control de number of columns ?

    is it possible to adapt the number of columns per items ?

    Thank you in advance

    Kind Regards,



  •  9,390
    Tahir replied
    August 9, 2017 at 3:45pm

    Hey Again,

    Try changing the value to 20% . 

    Bes.t

     Salient Support Team