Change the Font Size and Decoration for Forms

sbeveridge · March 2017

Hi,

I was wondering if there was a way to change the font, size, & weight of the text that is used in just the forms? I don't want the changes to effect the rest of the pages on the website. Just the actual forms using Contact Form 7 that I have on the page.

Thanks

sbeveridge · March 2017

To clarify, I would like the Placeholder text to be different as well as the actual input text. Here is my URL.

https://nwtcapital.com/nwt-capital-online-application/

Albert · March 2017

Hey,

to change font style of CF7 fields, you need to use the following custom css:

.wpcf7-form input, .wpcf7-form select {
    font-size: 10px;
    font-weight: 100 !important;
    font-family: "FONT-NAME" !important;
}

Change the Font Size and Decoration for Forms

Comments

This website uses cookies