Unable to alter message width for contact form 7

Hey there madaboutmma,

Hope you’re well! ??

Can you share the code you already have? I want you to remind that “Your message” field is a textarea element.

Hope it helps! ??

Take care,
Calvin

Appreciate the prompt response.

<p>Your Message
[textarea* your-message]</p>
[textarea textarea-948 5×5]
[textarea textarea-917 10×10]
<p>[submit “Send”]</p>

I’ve added 2 textareas to show how the code doesn’t seem to alter the size on the page.

Currently have the 3 boxes and this is the code used. I set columns and rows to 5 and 5, and then 10 and 10 in the last one, yet both are showing as the same size.

https://www.cartetest.com/contact-us/

Hey there,

Hope you’re well! ??

I notice that you have a style rule that set the textarea element to 100% width.

~To remove it

I suggest you use a child theme https://codex.www.ads-software.com/Child_Themes or use css custom plugin like this: https://www.ads-software.com/plugins/simple-custom-css/ if you will customize your theme.

Add the code in your child theme’s style.css or using the plugin mentioned above.

textarea {
	width: auto;
}

After you successfully insert the code you will see the fields like this: https://prntscr.com/5v83kq

Hope it helps! ??

Take care,
Calvin

I have installed the plugin now as that seemed like a simpler route to go.

Just not sure which file I need to add this code via the plugin?

textarea {
width: auto;
}

I found the contact-form-7/modules/textarea.php (inactive)
but not sure if this is the file I need to edit, and I also noticed it says it’s inactive.

Thanks and super appreciate the support

Hey there madaboutmma,

Hope you’re well! ??

If you chose the plugin option then you just need to paste the code in the Appearance > Custom CSS . Refer: https://prntscr.com/5vt3da

You don’t need to edit any file.

Hope it helps! ??

Take care,
Calvin

Wow, that was pretty easy (WITH all your help)

Thank you Very much!

Order has been restored to the universe

Hey there madaboutmma,

Glad it’s working for you! ??

I suggest you mark this thread as resolved so other members with the same issue can see that this ticket contains an answer that maybe a possible solution for their issue.

Take care,
Calvin

Done and done

Many thanks!