Support » Plugin: Forminator - Contact Form, Payment Form & Custom Form Builder » Consent break line and submit button position

  • Resolved carcayu80

    (@carcayu80)


    https://www.sientemarruecos.viajes/viajar/marruecos-magico-copy/

    Since the last update, there’s a break line between the tick box and the agree sentence. Which is weird, because that is not happening in checkbox field (you can see that “Añadir opción noche en el desierto” is next to its checkbox, but “Acepto la política de privacidad y las condiciones generales” is not next to its checkbox).

    Also, is there any way to change the submit button position? There are some forms with an explanatory long sentence that is after the send button, and I cannot do this with forminator.

    Thanks in advance.

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Support Kris – WPMU DEV Support

    (@wpmudevsupport13)

    Hi @carcayu80

    I hope you are doing good today.

    This issue was recently reported to our Forminator Team. Please follow fix from this reply:
    https://wordpress.org/support/topic/consent-tick-box-shows-on-another-line/#post-15170590

    We apologize for the inconvenience.

    Kind Regards,
    Kris

    Thread Starter carcayu80

    (@carcayu80)

    Fine thanks.

    And what about the submit button? (the second question). Is there anything I could do?

    Plugin Support Kris – WPMU DEV Support

    (@wpmudevsupport13)

    Hi @carcayu80

    I apologize for the inconvenience. Somehow I skipped the second question from your message. Do you mean you want to control the left or right position of the button, or some content in the form overlay the submit button at the end of the form? In scenario #2, could you share an example URL page?

    Kind Regards,
    Kris

    Thread Starter carcayu80

    (@carcayu80)

    What I want is to move the submit button (now it has a fixed position in forminator at the bottom). Example:

    https://www.sientemarruecos.viajes/opiniones-siente-marruecos/

    Is is made using CF7. It has the following structure:

    [Text]
    [Name Field]
    [E-mail Field]
    [Selection Field]
    [Text]
    [Comments Field]
    [Upload Field]
    [Consent checkbox]
    [Submit button]
    AND
    [Text]

    This is not possible with Forminator, or at least I don’t know how to do it. You cannot put any field after submit button because submit button is always at the bottom.

    • This reply was modified 11 months, 1 week ago by carcayu80.
    Plugin Support Pawel – WPMU DEV Support

    (@wpmudev-support9)

    Hello @carcayu80 !

    This will be possible with some additional CSS:

    #forminator-module-33062 {
    display: table !important;
    }
    
    #forminator-module-33062 .forminator-row:nth-of-type(12) {
    display: table-footer-group !important;
    }

    You can add this code to Appearance >> Customise >> Additional CSS for example.

    Warm regards,
    Pawel

    Thread Starter carcayu80

    (@carcayu80)

    Thanks, but it was only an example. For example I have used it here with no results:

    https://www.sientemarruecos.viajes/blog/gran-mezquita-hassan-ii-de-casablanca/

    In the lateral menu.

    I have used:
    HTML
    E-mail
    Consent
    HTML
    Submit

    The “Suscribirse” button must go just after the “Acepto la política de protección de datos” sentence and before the “¿Por qué deberías suscribirte?” sentence.

    I have tried to change the “forminator-row:nth-of-type(12)” thing with numbers from (1) to (20) with no results.

    Sorry for my zero knowledge about coding.

    Could you tell me a little more about how to implement it? Thanks in advance.

    Plugin Support Kris – WPMU DEV Support

    (@wpmudevsupport13)

    Hi @carcayu80

    Such fields moves are not possible with Formentor. The only way will be CSS solution which will be too hard as this widget is flexible on mobile and you have some random labels on top of this form, which make this more complex as each mobile size those labels take 2 or 3 rows and use position absolute for the button to move it top will be to many code. What I can suggest is to remove this last HTML from the form, and add it as a separate widget just below the form in Appearance -> Widgets

    Kind Regards,
    Kris

    Thread Starter carcayu80

    (@carcayu80)

    Ok, I got it. I did it in a different way, adding it as a separate widget.

    You can see it here for example:

    https://www.sientemarruecos.viajes/blog/ouarzazate-que-ver-origen/

    Just one more thing (and I think it is the last one :P). It seems general bottom margin in forminator has a different behavior in desktop and mobile. You can see there’s much margin in desktop mode between “suscribirse” submit button and “Sitios recomendados” title, but very little in mobile. This is not happening in the rest of the elements in the lateral menu.

    How can I fix this?

    • This reply was modified 10 months, 3 weeks ago by carcayu80.
    Plugin Support Kris – WPMU DEV Support

    (@wpmudevsupport13)

    Hi @carcayu80

    Could you try this code:
    #forminator-module-33197 {margin:0;}

    Kind Regards,
    Kris

    Thread Starter carcayu80

    (@carcayu80)

    Thanks! At the end something more I had to add:

    .forminator-row.forminator-row-last {
    margin-bottom:0px !important;
    }

    Sorry but, this is because of my theme o the plugin? I mean, If I update the plugin but not the theme, this is something I’ll have to fix every time I update your plugin, or with this CSS custom codes I will be able to update the plugin without worries?

    Plugin Support Nithin – WPMU DEV Support

    (@wpmudevsupport11)

    Hi @carcayu80,

    Sorry but, this is because of my theme o the plugin?

    It would be from both sides, the Forminator by default does add small margins. However, there are extra spaces due to the following “wp-block-spacer” class, which would be from the widgets added. So both there are causing the spaces.

    The above CSS seems to be working fine on your site when checked.

    If I update the plugin but not the theme, this is something I’ll have to fix every time I update your plugin, or with this CSS custom codes I will be able to update the plugin without worries?

    Seems like you are using the Customizer to add the CSS. The CSS will be intact even if the theme or plugin gets updated, so it shouldn’t be a concern.

    Kind Regards,
    Nithin

    Plugin Support Nithin – WPMU DEV Support

    (@wpmudevsupport11)

    Hi @carcayu80,

    Since we haven’t heard from you for a while. I’ll mark this thread as resolved for now. Please feel free to re-open the thread if you need further assistance.

    Best Regards
    Nithin

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Consent break line and submit button position’ is closed to new replies.