Contact Form 7 edit

[werbar77]

Hi,

Please see attached. I would like to change the contact form 7 font size and colour.

Also the submit button. How can I make it to have no shadow and be as long as the fields above it?

Thanks!
Werner

[lely]

Hi Werner,

It is possible using custom CSS it can be added as page CSS or on Theme Options > Global CSS. Please be mindful on using selectors. Please check the following guide:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Please share the page url with the form if you’re still having issues.

Hope this helps.

[werbar77]

Hi Lely,

Thanks for the info, but it is way above my level of understanding.

Below is the URL, the website is still under construction, but I’ve disabled it so you can have a look at it and advice on how I can proceed.

https://werbarpix.co.za/contact/

Thanks,
Werner

[lely]

Hi Werner,

On the page builder Content CSS, try adding the following:

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    font-size: 15px;
    color: red;
}
.wpcf7 label { /*For label*/
    font-size: 15px;
    color: red;
}
input[type="submit"]{
    box-shadow: none;
    width: 100%;
}

Please adjust values accordingly.

Hope this helps.

[werbar77]

Super it works! thanks your a super star!

[christian]

You’re welcome. Glad we’re able to help.