Edit Button Text

Hi,

I have enabled “comments” and activated the “Contact Form 7” plugin.
For both, the “post comment” and “send” button text are in lowercase.
How do I change it to capitalize (first letter uppercase)?

Screenshot attached.

Thanks!

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the case by going to Appearance > Customize > Additional CSS and pasting it there.


input.wpcf7-form-control.wpcf7-submit {
    text-transform: uppercase;
}

.entry-meta-bar .readmore {
    text-transform: uppercase;

}

Best Regards,
Support

Hi,

Thanks!
It worked for the contact form “Send” button.
But “post comment” button for comments is still in lowercase.

Please help!

Hi there

Let me see it, i need to see your page, please provide url and i will take a look

Hi,

Here’s the link.
https://traacts.com/contactus/

Thanks.

Please use this css now:

input.wpcf7-form-control.wpcf7-submit {
text-transform: uppercase;
}

Hi,

This works for the Contact Form “Send” button.
But how do I change the “post comment” button to lowercase?

Sorry, please add this code:

input[type=“reset”], input[type=“button”], input[type=“submit”] {
text-transform: uppercase;
}

Sorry for the trouble but it is still not working.
Nothing changed with the additional code.

Good evening :slight_smile:

oops, please use this one:

input[type=”reset”], input[type=”button”], input[type=”submit”] {
text-transform: uppercase !important;
}

Hello there,

Please try using the following CSS:


input#submit {
    text-transform: uppercase !important;
}

Best Regards,
Support

Hi,

The second code worked!
Thanks a lot!

Hello there,

Great, I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support