Contact Form module label alignment

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:

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



Hi Phil,
if you need to fine tune something on a theme, this answer may help you


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.


[Content Hidden]

[Content Hidden]

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!

Hi Robby,

Works like a charm!

Thanks for the CSS tip.



Excellent! No problem at all, Phil!