C0ntact Form 7 mess

  • Resolved juliomarta

    (@juliomarta)


    1 year, 2 months ago

    Hi, i updated to 4.10.8 and the styling of my form got really messy. First i noticed minor changes like different border colors o font weight or size changes, but trying to fix it, i saw it affects to the position an alignment of the fields, especially on tablet and mobile configuration, an a lot of different parameters. I cannot center the fields in the mobile version for example-

    There′s no way i can reply the thing i had with the 4.10.7, and turning back to that version didn′t worked for me.

    I understand you made a big change in order yo power the pro version with a lot of new features but please try to check this in order to mantain the old version parameters.

    Thanks!

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

Viewing 15 replies - 1 through 15 (of 15 total)

  • Hi @juliomarta

    Actually, we rebuilt the widget from scratch to fix all issues, add dozens of customization options. We recommend using the new version instead.

    You can rollback to the previous version from your WP Dashboard -> Premium Addons -> Version Control tab.

    It would be great if you could share the Contact Form code so we can reproduce the issue on our side.

    Regards

    Thread Starter juliomarta

    (@juliomarta)

    Hi again, thanks for the fast response. I tried rolling back but some parameters were changed anyway. Really hard to align the elements and make it work on mobile and tablet version. I′ll keep fighting with it, cause im in a staging website, but i will not update by now in the rest of sites.

    A parameter i checked was not working is the styling for the font in the checkbox field.

    I don′t know how to get the form code to share…:-(

    Thanks!

    Plugin Author Leap13

    (@leap13)

    @juliomarta Could you please clarify what you mean by “A parameter i checked was not working is the styling for the font in the checkbox field.”?

    You can find the form code in your dashboard -> Contact tab, then just click “Edit” below the form and share the code.

    Thread Starter juliomarta

    (@juliomarta)

    Hi, i mean that Text Color, Font in Radio/Checkbox does nothing to the text after the checkbox.

    here′s the code.

    [honeypot email-387 move-inline-css:true]

    Tu nombre [text* your-name]

    Tu correo electrónico [email* your-email]

    Asunto [text* your-subject]

    Tu mensaje [textarea your-message]

    [honeypot email-659 move-inline-css:true nomessage:true]

    [acceptance acceptance-145] He leído y acepto la politica de privacidad
    [acceptance acceptance-333 optional] Deseo más publicidad/información que la solicitada.

    [submit “Enviar”]

    Thanks

    Thread Starter juliomarta

    (@juliomarta)

    Ok. Keep fighting with the parameters and i could fix the alignment setting the width to auto ( integrated) an so on…..the thing about the style controls in radiosbuttons is still there, but not a clue about that.

    Thanks for the support, pacience, and hard work. Yo

    Plugin Author Leap13

    (@leap13)

    Hi @juliomarta

    May I ask did you manage to get things to work as before? I strongly recommend updating the version to the latest and using the new options to style your form.

    It would be great if you could let us know the content that you can’t style after the latest version so we can handle.

    Regards

    Thread Starter juliomarta

    (@juliomarta)

    Hi, yes, everything is updated and working except i cannot change the style of the radio/ckeckbox text. I guess somehow is taking it from the site global font, an it does not move when i change the parameters.

    Thanks

    Plugin Author Leap13

    (@leap13)

    We are currently trying to reproduce the issue.

    Regards

    • This reply was modified 1 year, 2 months ago by Leap13.
    Plugin Author Leap13

    (@leap13)

    @juliomarta After investigation, we found that the labels next to the checkboxes are not wrapped in any HTML tags, that’s why the styling controls in Radio/Checkbox style tab are not applied. So, please update your form with the code below and let me know.

    [honeypot email-387 move-inline-css:true]

Tu nombre [text* your-name]

Tu correo electrónico [email* your-email]

Asunto [text* your-subject]

Tu mensaje [textarea your-message]

[honeypot email-659 move-inline-css:true nomessage:true]

[acceptance acceptance-145] <span class="wpcf7-list-item-label">He leído y acepto la politica de privacidad</spanl>
[acceptance acceptance-333 optional] <span class="wpcf7-list-item-label">Deseo más publicidad/información que la solicitada.</span>

[submit “Enviar”]
    Thread Starter juliomarta

    (@juliomarta)

    Hi again, tested your code but, with it, the only text i can stylize is the hidden one from the honeypot. Not radio neither form tags….

    Thanks

    Plugin Author Leap13

    (@leap13)

    Please make sure to replace the form code with the above and update the form page because when I checked your contact page, I can still see the old form code is rendered.

    Cheers!

    Thread Starter juliomarta

    (@juliomarta)

    Yes, i made a try and then i keep the old one. Now its changed with your code, you can check it now. If you can see iton mobile you can see all the fields desaligned again….

    • This reply was modified 1 year, 2 months ago by juliomarta.
    Plugin Author Leap13

    (@leap13)

    Hi @juliomarta

    I’m not sure if I’m doing something wrong, but from my end, the old version of the form is still showing.

    Could you please make sure that we can see the issue on your page so we can check and see what is going there?

    Regards

    Thread Starter juliomarta

    (@juliomarta)

    Hi again, Mistery solved. The closing tag for the acceptance form [/acceptance] was missing in my code. Now the radio button controls to stylize, works fine with that old code with everything inside label tags.

    Thanks!

    Plugin Author Leap13

    (@leap13)

    @juliomarta Awesome, so glad to hear that ??

    You can’t imagine how much we would appreciate rating Premium Addons for Elementor plugin from here.

    Regards

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘C0ntact Form 7 mess’ is closed to new replies.