28 Amazing Navigation Hover Effects

Continue Reading
Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Align button right from the fields

1 month 6 days ago #1

  • Karin Bal's Avatar
  • Karin Bal
  • Posts: 8
Hi,

I would like to align the submit button right from the fields instead of underneath them. Is there a way to to that? I want to make a form to subscribe to a newsletter, I need that in 1 line...

Thanks

Kind regards

1 month 6 days ago #2

  • Diana's Avatar
  • Diana
  • Posts: 939
Hi Karin,

Thank you for contacting us!

You need to add this CSS code:
.com-baforms.custom-form .ba-form {
    display: flex;
}

.com-baforms.custom-form .ba-form .ba-row {
    display: flex;
}

@media (max-width: 480px) {
	.com-baforms.custom-form .ba-form .ba-row ,
	.com-baforms.custom-form .ba-form {
    	flex-direction: column;
	}
}

Best Regards,
Diana, Balbooa.com

1 month 6 days ago #3

  • Karin Bal's Avatar
  • Karin Bal
  • Posts: 8
Thank you!

Where do I have to put that css?

Kind regards

1 month 6 days ago #4

  • Diana's Avatar
  • Diana
  • Posts: 939
Karin,

You need to add this code In custom CSS file your template.

Best Regards,
Diana, Balbooa.com

1 month 6 days ago #5

  • Karin Bal's Avatar
  • Karin Bal
  • Posts: 8
bit.ly/2kOXDVg

I did that and flushed the cache but it still isn't in 1 line...
What did I do wrong?

1 month 6 days ago #6

  • Karin Bal's Avatar
  • Karin Bal
  • Posts: 8
Unable to display Google Map.
Attachments:

1 month 6 days ago #7

  • Diana's Avatar
  • Diana
  • Posts: 939
Karin,

In the field "Class Suffix", you need to add only a class suffix:
custom-form



But not all the CSS code.

Add CSS code in custom CSS file your template.
In which file, ask the developers of your template.

Best Regards,
Diana, Balbooa.com

1 month 6 days ago #8

  • Karin Bal's Avatar
  • Karin Bal
  • Posts: 8
Is it possible to use full width?

1 month 6 days ago #9

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 7638
You need to add CSS code:
.com-baforms.custom-form .ba-form > .page-0 {
    width: 100%;
}

Regards,
Vyacheslav, Balbooa.com

1 month 6 days ago #10

  • Karin Bal's Avatar
  • Karin Bal
  • Posts: 8
Thank you both!
Is it possible to make the space between the fields and the button equal? And the button a little bit longer?
Attachments:

1 month 6 days ago #11

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 7638
You need us this CSS code
.ba-form-footer {
    margin-left: 2.5%;
    width: 25%;
}

Regards,
Vyacheslav, Balbooa.com

1 month 6 days ago #12

  • Karin Bal's Avatar
  • Karin Bal
  • Posts: 8
Thank you!!! Looks great now!

1 month 5 days ago #13

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 7638
You are welcome ;)

Regards,
Vyacheslav, Balbooa.com
Powered by Kunena Forum