Contact form headings not changing color

xsiv · November 2019

hello

I am having an issue with not be able to change the color of the contact form headings. i have changed the colors in the be theme options with no luck. an i cant get custom css to work.

Could you please take a look

Im trying to change the text and font of the headings in this contact form

i would like Ubuntu font and #b5d4f1 color.

for whats wrong

https://houhorafishingclub.co.nz/wp-content/uploads/2019/11/error.jpg

link to contact form.

https://houhorafishingclub.co.nz/contact/

thank you

Pablo · November 2019

Hello,

Did you change color of the form in Theme Options > Colors > Fonts ?

Also, please disable all of the plugins(leave the CF7 plugin enabled only), clear the cache of your browser and check, if the issue still exists.

Thanks

xsiv · November 2019

i have changed the font color option. this has changed the color of the contact form. the only proplem is all my content has changed as well.

how do i just change the contact form headings. with out affecting the hole site

Pablo · November 2019

So, the only way to make it changed only in the form, will be possible with the Custom CSS.

Can you send me the CSS which you made? I'll correct it for you?

If you don't have it, please tell me, I'll make it from scratch.

Thanks

xsiv · November 2019

Thank you so much.

Ok so im using a short code to input the contact form

[contact-form-7 id="8" title="Contact form 1"]

i have found this on the internet and added it to the custom CSS part of be theme. but did not have any luck getting it to work.

body .cf7-style.cf7-style-282 p {

color: #b5d4f1;

i was thinking maby the !important but did not have any luck.

let me know if you have any luck or if i can give you any more information

Pablo · November 2019

Use this one

body #wpcf7-f8-p13-o1 p{
    color: #b5d4f1 !important;
}

Thanks

xsiv · November 2019

This worked perfectly

Thank you

Contact form headings not changing color

Comments

This website uses cookies