Email Forms Extension - Width

Support
#1

Hi,

I am using your Email Forms extension in a Pro footer and am trying to get the form to be the full width of the container it sits in.

I can see that it has a default width of 250px. I have tried to get what I am after with various CSS codes, but without real success.

What I am after is for the fields to be 100% width within the container. For the desktop and laptop breakpoints, the three containers should be equal width in the footer; the mobile breakpoints are full screen width.

Also, if I wanted to have the form field and button inline in some viewports, ow would I do that?

Many thanks,
Christopher

#2

Hello Christopher,

Thanks for writing in!

You need to set a minimum width of 100% in the form integration element settings.

Screen Shot 2021-02-20 at 1.56.09 PM
Screen Shot 2021-02-20 at 1.56.09 PM620×520 20 KB

The maximum width of the form should also be 100%.

Screen Shot 2021-02-20 at 1.57.55 PM
Screen Shot 2021-02-20 at 1.57.55 PM992×246 16.4 KB

The left and right padding of the form can be set to 0.

Screen Shot 2021-02-20 at 1.58.00 PM
Screen Shot 2021-02-20 at 1.58.00 PM1050×264 30.1 KB

To make the form field and the button inline, you will need a custom CSS. Perhaps this old thread can help:

Hope this helps.

#3

Hi @ruenel,

Thank you very much. Perfect advice and instruction!

Many thanks,
Christopher

#4

You are welcome, Christopher.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.