Change size of contact form 7

Beaver Builder
1

What would be the css code to change the height of the text and the email box?

http://davidwaldorfweddingphotography.com/reserve/

Thanks!
d-

2

Can I replace the “required” for an *?

3

Hey David,

Did you figure this out by chance? I took a look and the forms look great from what I can tell. Let me know if you need anything here!

Best,
Billy

4

Hi Billy,

Two things:

I would like the email box and the text boxes to be about 50% smaller in height.

The other things is can the “required” text be changed to an * and can it be red?

Thanks!
d-

5

Hey David,

What are you using for those forms?

Best,
Billy

6

contact form 7

Here is some css code that I already put in.

.wpcf7-text {
width: 70%;
}

.wpcf7-textarea {
width: 85%;
}

.wpcf7 textarea {
height: 150px;
margin-bottom: 5px;
font-size: 18px;
}

7

Hey David,

My apologies, but we can’t really offer support for 3rd party plugins in here unless you are using our theme for the site as CF7 may be inheriting some styling. Give CF7 support a shot though (or the theme dev), they are great and can offer any CSS you may require!

Best,
Billy

8

I am using it in your HTML module.

9

Hi David,

Yes, I noticed that, but unfortunately, the HTML module is only housing your CF7 shortcodes. The CSS you’ll need isn’t related to Beaver Builder if that makes sense. Give CF7 a shot though, they’ll be able to help. Would love to assist you here, but we can’t really offer support for non-related plugins. A quick google search led to this if it helps.

Best,
Billy

10

I understand, you guys have been great!

Thanks,

David

11

Thanks David, we appreciate you understanding there. Enjoy BB! :slight_smile: