Consent break line and submit button position

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://www.ads-software.com/support/topic/consent-tick-box-shows-on-another-line/#post-15170590

We apologize for the inconvenience.

Kind Regards,
Kris

Fine thanks.

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

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

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 2 years, 10 months ago by carcayu80.

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

• This reply was modified 2 years, 10 months ago by Imran - WPMU DEV Support. Reason: added details how to apply the code

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.

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

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 2 years, 10 months ago by carcayu80.

Hi @carcayu80

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

Kind Regards,
Kris

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?

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

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