Contact Form 7 Style

[jaredd]

Hi, I just want 1 page contact form 7 changed. I would like my home page contact form to be white and a little wider. Also the slider that it is on is not showing up on moble?
thanks

www.danfordgolfinstruction.com

[jaredd]

I figured the size but the mobile responsive and color are still a miss.

[Prasant]

Hello Jared,

Thanks for writing in!

Please try using following CSS under X > Theme Options > CSS:

.wpcf7-form {
    width: 200px;
}



html .ls-container, body .ls-container, #ls-global .ls-container {
    margin-top: 180px !important;
        min-height: 500px;

}

label {
    color: #fff !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[jaredd]

thanks, that did the trick i think? It show up when i enter the code in the CCS but not when I go to view the site on a new page? Any tips? Still trying to get my homepage to be mobile “visible” right now it doesnt even show up?

Thanks,

[friech]

Hi Jared,

Since the form is in your slider, you cant make that slider layout to auto, you need to set that as Full-screen so the slider will have the proper height for the form.

• 

Hope it helps,
Cheers!