Contact Form module label alignment

Beaver Builder
1

The “Your Message” label does not line up with its field, unlike the other labels in the Contact Form module regardless of where it’s in a one column, two, etc., as shown here:

http://test3.noticedwebsites.com

Anyway of fixing this. I’m using Beaverbuilder on a Divi theme.

Thanks,

Phil

2

Hi Phil,
if you need to fine tune something on a theme, this answer may help you
http://forum.wpbeaverbuilder.com/support/q/where-to-put-custom-css/

Regards,
Alessandro

3

Thanks Alessandro!

Phil - yes, it looks the theme may be trying to style the contact form module incorrectly. You can always use some custom CSS or go with a different contact form widget. WR Contact Form is a pretty good option though you may run into the same issue. Feel free to send along temp admin access though via private reply and I can take a quick look for you.

Best,
Billy

4

[Content Hidden]

5

[Content Hidden]

6

Hey Phil,

Here’s a line of CSS you can use to fix this issue:

.fl-contact-form label {
  display: block;
}

Let me know if that works for ya!

7

Hi Robby,

Works like a charm!

Thanks for the CSS tip.

Regards,

Phil

8

Excellent! No problem at all, Phil!