Message box size

Very much like you would be doing with the rest of the theme. CSS. From the looks of it, there’s no styles being applied for textareas at the moment, in regards to things like height and width.

We try to keep our CSS to a minimum, so that the forms can inherit from the active theme as much as possible. In this case, looks like it’d be Avada. I do find it odd that Avada wouldn’t provide some sort of styles for a pretty standard textarea, but it’s also possible that its CSS selectors for it aren’t managing to match up enough in this case as well.

Hi,

Thanks for your reply

You’re right about the Avada theme – If I put custom css in Avada it works OK

.ctct-form-field-email{
background-color: #F0F0F0;
border: 5px solid #666666;
}

as you can see

https://www.thepilatesconsultant.com/wpress/contact/

This is affected by <p class=”ctct-form-field ctct-form-field-email”> as generated by the Form plugin

But I have no class in the paragraph for the custom_text_area. Why is there no class or style for the paragraph containing textareas? Can I amend the code in the contact form scripts to add a class to this field?

This in the custom CSS seems to sort it

textarea
{
border:1px solid #C0C0C0;
width:100%;
height: 100px;
margin:5px 0;
padding:16px;
}

Looks like it’d be nice and good there on all parts.

For the sake of isolation with this CSS, if you’re needing some, we do have a div with a class of ctct-form-wrapper and the form tag itself has a class of ctct-form to help with CSS selectors. That way you could target just the form’s if you don’t want some styles to be applied to ALL textareas.

Yes I think I saw that so will try that if needing to target these forms as opposed to any others but at present that custom CSS textarea has sorted it.

Very much appreciate your help on this.

Regards

Welcome. Hope you have a good week.