EA Contact Form 7 | Unable to format Quiz box border or text input

Hi there,

I just tested on my end and yes I also faced the same issue on the Quiz field of the Contact Form 7 widget in Essential Addons for Elementor.
Our dev team is already aware of it and we will fix this as soon as possible and let you know here.
Thanks for informing us. We really appreciate it.

Thanks!

Thank you for such a prompt response, Abid. I’ve subscribed to this conversation so I’ll get updated from you/your team when the dev team is able to fix. Cheers.

Same here. I need to give space to two lines under the check: “I read and agree to privacy policy” because on mobil the two lines are one above the other. And it doesn’t work space under “field and text area” tab. I’ve suscribed myself too to this conversation to check if it is solved
Thank you!

Hi @vitruvian1man and @citania , Our dev team is already fixed this Quiz Box compatible issue with Contact Form 7 widget of Essential Addons for Elementor on the dev branch.

This will be released and live very soon. Cheers!

Great, waiting for it!. You can check here (on mobile) what happens.

Thank you!

Hi @vitruvian1man and @citania , New version of Essential Addons for Elementor(4.2.4) is now live. Please make sure to update this latest version.
We fixed the Quiz Box style control missing from the Elementor panel issue in this version.

Have a good day!

Hi ABid!
I still can’t change this. Lines are one over the other.

Hope you can help.

Thank you!

@citania Can you please share your page URL here so that I can check?

Sure: https://clinicapitillas.com/contacto/
It happens on mobile view

Well @citania , I can see that issue is according for the line height CSS of your contact form which is directly comes from the Contact Form CSS

You can add this CSS on your stylesheet to solve this:

@media only screen and (max-width: 767px) {
  .wpcf7-list-item {
    margin: auto !important;
  }
  .wpcf7-quiz-label {
    line-height: 1.1em !important;
  }
}

Hi Abid,
Thank you for the code really, unfortunately is not solved, I try to increase line-height even at 2.5em but it doesn’t make anything. I’m looking on contact form 7, what I use but… nothing. If you think about something that could work please let me know. Anyway thank you for your help ??