CF7 textarea height

[isdg01]

Is it possible to change the height of Contact Form 7 textarea? I’m trying the following for a form that is in the footer of my site but I’m not seeing any changes. It worked on all of the other fields, but not the textarea.

.wpcf7-f7665 textarea {
height: 50%;
}

In searching the forums, I also ran across this string: Space between fields of the contact form
How can I put the field labels inside the text area without showing the labels above each field as shown in their example, as well as tighten up the spacing as they are requesting?

Also, is it possible to use emoji’s in the contact form messaging? As in " I (heart) MUMBO sauce"

Thanks in advance,
Dawn

[christian]

Hey Dawn,

I’m sorry but we do not handle support for Contact Form 7 and plugins we have not bundled in our theme. Your question also involves customization of Contact Form 7 styles so this should be directed to the Contact Form 7 support.

My colleague in the other thread forgot to mention that codes we provide here serve only as a guide and your code looks correct. We just can’t investigate what’s going on with Contact Form 7 in your site as that is outside the scope of our support.

Thank you for understanding.

[isdg01]

Thanks Christian, I always find their documentation confusing so thought I would ask here. I will figure it out.

[ruenel]

Hello @isdg01,

You can check out the CF7 textarea documentation here:

• https://contactform7.com/text-fields/#textarea

Regards.

[isdg01]

Just in case anyone else finds this string, here is a link to videos that ThemeCo has put together regarding customizing CF7 forms. I found them in another string on the forum. Would have been nice if you pointed me to these originally… there are 4 different videos that go into detail on the topic.

[nabeel]

Hi @isdg01,

Yes we have put together a series of Creative Contact Forms in our YouTube channel. You can subscribe to our channel to get the latest updates and video tutorials.

Cheers!