Moving Submit Button (div)

Patryk Czaniecki

• July 21, 2021 16:39

Hello,

I'm a new Brizy user. I just wondered how can I move the submit button around? Currently the button is placed at the bottom of the form. Now I just want to move the button one div above so I have this layout:

Currently I have this:

But I just moved the div up, over the textarea and it worked.

 

I tried it with the margin-top: -200px and -30% but on the mobile version it does not work.

Is there any workaround this? Can I inject a CSS to move a div up or something? :V

 

Thanks for answers.

0

• 

  Patryk Czaniecki

  • July 21, 2021 17:32

  Okay,

  I actually solved it by myself.

  The builder is working with bootstrap I think. The containers are flex. So what I did is, I gave the whole form-fiel an id in the settings "form_field". Then I selected the submit button by class-name and added the attribute of a flex - the "order = 2". After that I had a trouble of selecting the textfield-div cause brizy is setting new random class-names after every new publishing of the webpage. So I decided to select the form-field and in that form-field the div and the div:nth-child which in my case the 4th child was the div-container of the text-field. So I set the "order" to "order = 3" and it worked after publishing but not in the builder-preview.

  Here is my CSS:

  #form_field .brz-forms2__item-button{
  order: 2;
  }

  #form_field div:nth-child(4) {
  order: 3;
  }

  Now I have to change that order again for the mobile version.

   

  Have a nice day!

  0
• 

  Alex

  • July 21, 2021 21:37

  Hi,

  I'm glad you solved this and thank you for sharing the solution with the community. Indeed the solution is Custom CSS because you can't do this from options as the button is always the last element.

   

  0

Please sign in to leave a comment.