Docs

[Jkearney]

Website: http://www.kearneyassociates.com

I want it to look like the image I attached. (the red highlight I don’t want)

Thanks for your help!

[Rupok]

Hi there,

Let’s remove the content you don’t want to show. You can remove the contact info from the section and the footer content from Customize > Footer. We’ll provide you the CSS to change the style after you do so.

Thanks!

[Jkearney]

Everything that is there I want. I just need help with the contact form styling.

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.nf-field-element input, .nf-field-element select, .nf-field-element textarea {
    padding: 10px;
    border-radius: 20px;
}

.field-wrap input[type="button"] {
    padding: 5px 20px;
    border: 1px solid #fff;
    color: #fff !important;
    background-color: transparent !important;
}

Thanks.

[Jkearney]

I’m running into a few other problems.

1.) How do I make the “Fields marked with an * are required” white so you can see it?
2.) For some reason, the form makes the text in the email tab black were in the other tabs its grey, how can I fix this?

Thanks for your help.

[Rad]

Hi there,

1. Please add this

.nf-form-fields-required {
  color:#fff;
  }

2. The grey one are placeholders, they are usually implemented like placeholder=”NAME”. While the on email, is just value, eg. value=”EMAIL”. If you wish them to be the same, then you should use placeholders on email fields too instead of value.

You can see that difference by typing on NAME field, the text becomes black, empty it and it will return to grey.

And that’s not possible on EMAIL field since you didn’t add placeholder. Adding EMAIL as value is the same as typing on the field. If we will force it to be grey, then the text while you’re typing will become grey too.

Thanks!

[Author]

Posts