Contact form problems (in new beta version)

General Discussions
1

Dear BB,

I have installed the new beta version (WOW awesome the menu option!!)
I have a contact form but it is not possible to type some text in it! On the (normal) bb plugin it works well.

http://yupzwebdesign.nl/contact/

Is the problem really the beta version or is there something what I over looked?

2

Hey Ismail,

Thanks for getting in touch! You can actually write something on the box, you just can’t see it since the text is white. You can change the text color using this CSS snippet.

.fl-module-contact-form input[type=text], .fl-module-contact-form input[type=password], .fl-module-contact-form input[type=email], .fl-module-contact-form input[type=tel], .fl-module-contact-form input[type=date], .fl-module-contact-form input[type=month], .fl-module-contact-form input[type=week], .fl-module-contact-form input[type=time], .fl-module-contact-form input[type=number], .fl-module-contact-form input[type=search], .fl-module-contact-form textarea {
  color: #000;
}

Hope this helps!

Ben

3

Hi Ben,

Just tried using this CSS and it didn’t work for me. Any other suggestions?

Thanks,

Randy

site: http://ehmanproductions.com/

4

Hey Randy,

I just checked your site and I can see the styling being applied. This changes the color of the text inside the box when you type something in. Are you setting it to use the color #808080?

Ben

5

Hey Ben,

Thanks for checking it out. I see the style being applied to the Name box and the Email box but not the Your Message box. It’s still white text, but only in that box. Strange. Let me know if you see it on your end. I get that in both Safari and Chrome.

Randy

6

Just FYI, I also posted here: http://forum.wpbeaverbuilder.com/support/q/contact-form-your-message-box/

7

Hey Randy,

I just took a closer look at the form. I remember we’ve already fixed this issue but it seems it doesn’t apply to the Message box. I’m gonna have to reopen the ticket for it. Thanks for the heads up! :slight_smile: In the meantime, try replacing the CSS above with the one below.

.fl-module-contact-form input[type=text], 
.fl-module-contact-form input[type=password], 
.fl-module-contact-form input[type=email], 
.fl-module-contact-form input[type=tel], 
.fl-module-contact-form input[type=date], 
.fl-module-contact-form input[type=month], 
.fl-module-contact-form input[type=week], 
.fl-module-contact-form input[type=time], 
.fl-module-contact-form input[type=number], 
.fl-module-contact-form input[type=search], 
.fl-builder .fl-module-contact-form textarea {
  color: #000;
}

Ben

8

Thanks Ben!

That took care of it! I appreciate your help and the quick response. Beaver Builder has changed the way I build websites and made it simple for my clients! THANK YOU! Keep up the great work man!

Randy

9

Awesome! Have fun with BB! :slight_smile:

Ben