message label larger than others- tablet only

Hi @nicolet301,

Thanks for reaching out!

Please know that I was unable to see your form on https://bonjourfriends.net/stay-in-touch/.

But to adjust the ‘Comment or Message’ field only on a tablet, you could use a CSS snippet like this:

@media (min-width: 768px) and (max-width: 1024px) {
  .wpforms-form .wpforms-field.wpforms-field-textarea textarea {
      width: 60% !important;
    }
}

For more CSS snippets to style specific fields in your forms, please refer to our guide about customizing the style of individual form fields.

And in case it helps, here’s a tutorial on how to add custom CSS like this to your site.

Hope this helps!

Hello Raiden,

I hope that all is well.

Thank you so much for your response; I appreciate it!

I’m sorry! I had the site in maintenance mode while I tried to fix the problem with my contact form. The site is up now and ready for your review.

I also appreciate the code snippet, but it changes the width of the text area for comments or message. May I please have help to change the font size for the comments or message label?

Thank you again for all your time, consideration, and help with this!

Please have a lovely evening!

Kind regards always,
Nicole

Hi @nicolet301,

I’m sorry for my confusion here.

To change the font size for the comments or message label, you can use the code snippet available here.

In case it does not work for you, please add the !important tag after each property in the code snippet. Something like this:

.wpforms-form .wpforms-field.wpforms-field-textarea .wpforms-field-label {
    display: block !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    float: none !important;
    line-height: 1.3 !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
}

I hope this helps!

Hi @nicolet301,

We haven’t heard back from you in a few days, so I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.

Thanks!