Edit Button Text

Travelify
1

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!

2

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

3

Hi,

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

Please help!

4

Hi there

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

5

Hi,

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

Thanks.

6

Please use this css now:

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

7

Hi,

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

8

Sorry, please add this code:

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

9

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

10

Good evening :slight_smile:

oops, please use this one:

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

11

Hello there,

Please try using the following CSS:


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

Best Regards,
Support

12

Hi,

The second code worked!
Thanks a lot!

13

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