-
Posts
-
Hello everybody.
given that the request does not concern enfold but contact form 7, I try cmq to ask for help here.
I need help. I have created a checkbox in my cf7 module. However, I would like each element to be on a staff and not with multiple elements on the same staff. how can I do to have all the choice elements on multiple lines? I hope I was clear and thank you all in advance for your help.backend: https://snipboard.io/0sQuzG.jpg
frontend: https://snipboard.io/MfN1Kd.jpgThank’s a lot
MinoHey minogig,
Could you please give us a link to your website, we need more context to be able to help you.
You mean you want the checkboxes on separate lines?
Best regards,
VictoriaHello and thank you for your availability.
In fact yes, I need the checkbox elements to be each on a line, practically every element should wrapHi minogig,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .wpcf7-list-item { display: block; }If you need further assistance please let us know.
Best regards,
Victoriagood morning.
thank you very much, now I see it on multiple lines.
You are great.
Thank you, thank you
Best regard’s
MinoAnother hint : if a div is opend – it should be closed too.
i do not see the whole but proove that – the two first containers of<div class="form-row">open – but do not close
on the bottom there is one closing div etc.
Can you post the whole code you got her ( please use the code-tag) then we can look on that.the form-row with
– Profilo
– Indica il prodotto…
do not closethese missing two closing div tags are near the end ( you do not want to nest here – i think)
so close the form-row divs mentioned above – and get rid of these two closing div tags at the end
surrounding<div class="wpcf7-response-output" aria-hidden="true"></div>ending up in:
<div id="responsive-form" class="clearfix"> <div class="form-row"> <div class="column-half first">Nome (*)<br><br> your spans inside </div> <div class="column-half">Cognome (*)<br><br> your spans inside </div> </div> <div class="form-row"> <div class="column-half first">Mail (*) <br><br> your spans inside </div> <div class="column-half">Telefono (*) <br><br> your spans inside </div> </div> <div class="form-row"> <div class="column-full">Profilo (*)<br><br> a lot of nested spans </div> </div> <div class="form-row"> <div class="column-full">Indica il prodotto a cui sei interessato (*)<br><br> a lot of nested spans </div> </div> <div class="form-row"> <div class="column-full">Come possiamo aiutarti (*)<br><br> a lot of nested spans </div> </div> <div class="form-row"> <div class="column-full"> a lot of tags including GDPR Compliance </div> </div> <p><input type="submit" value="Invia la tua richiesta" class="wpcf7-form-control wpcf7-submit" disabled=""> <span class="ajax-loader"></span> </p> <div class="wpcf7-response-output" aria-hidden="true"></div> </div>Thank you all for your timely and helpful answers.
I apologize for the late reply.
I take this opportunity to also thank @guenni007 for answering me.
Now only this situation remains (see printscreen) which concerns the first elementhttps://snipboard.io/QrRpNJ.jpg
Thanks again everyone for your support
Mino
- You must be logged in to reply to this topic.