Docs

[alamtfuerwerbung]

Hi, I wanted to create a contact form with two, or three fields side by side.
I tried to use the <div class=”form_half”>, but it doesn´t work.

http://www.sub.ihrwiderruf.de/anfahrt/

Could you help me out?

Thx
Andre

[alamtfuerwerbung]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in!

To achieve a row and columns for your form elements, please check out these threads: https://community.theme.co/forums/topic/contact-form-7-2-column-form/#post-615986, https://community.theme.co/forums/topic/contact-form-7-improvements-featured-sub-in-pricing-table/#post-644380, https://community.theme.co/forums/topic/contact-form-7-styling-2/#post-231590,

Hope this helps.

[alamtfuerwerbung]

works great

THANK YOU!!!
Thumbs up!

Andre

[alamtfuerwerbung]

But, one more question. If u check again: http://www.sub.ihrwiderruf.de/anfahrt/

I didn´t get it to move the button to the right. (rigth align) I know hat to center (margin 0 auto, display block),
but pls let me know how I get it to the right.

Thx
Andre

[alamtfuerwerbung]

And one more thing:
Pls check http://www.sub.ihrwiderruf.de/kontakt/
I have a three column form, but it doesn´t use the whole area.
(This is from your manual -Fullwidth
With no sidebar (fullwidth page), columns take up the entire content area and function just the same.)

Thx for help
Andre

[Rue Nel]

Hey Andre,

Thanks for updating in! It is best that you layout your columns just like this:

[container]
   [column type="1/2"] Place your content in here. [/column]
   [column type="1/2" last="true"] Place your content in here. [/column]
[/container]

[container]
   [column type="1/3"] Place your content in here. [/column]
   [column type="1/3"] Place your content in here. [/column]
   [column type="1/3" last="true"] Place your content in here. [/column]
[/container]

That is because, for every column, there must be a row and the container shortcode will be the row.

To align your your submit button to the right, please edit your contact form and have your submit button like this:

<div style="text-align: right;">
  [submit "Send"]
</div>

Hope this helps. Kindly let us know.

[alamtfuerwerbung]

This reply has been marked as private.

[Lely]

Hello Andre,

[container] is the wrapper of the column(s). Inside your container should be your column(s). Columns added width should be equal to 100. As you can see on the previous example, the first container has 2 columns. Each with type 1/2 which means 50% in width. The next row with 3 columns each width 33.33333% width.

Upon checking, you only have one column on each of your container. That is why you only have occupied the left part 33.33% width. Add two more columns with the same type.

Hope this helps.

[alamtfuerwerbung]

Hi, this helps a lot.
In terms of composition I changed it back to 1column, but it´s a matter of time that I need the things I learnd in this thread.

GREAT SUPPORT!!!

Thx
Andre

[Thai]

If you need anything else please let us know.

[Author]

Posts