[cxanderParticipant]

I have created a form on my homepage (www.soundinnovationdj.com) using ninja forms. I added a date field that has a pop-up calendar, but that field is not the same size as the others. I was wondering how I can resize it to match the rest of the fields. Also, The names of the fields are placeholder text within each field. Is there a way I can use custom CSS to do this for the date field as well as for some reason the default ninja form for the specific date field doesn’t allow for this.

Thank you for the help.

[ChristopherModerator]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

input.pikaday__display.pikaday__display--pikaday.ninja-forms-field.nf-element.datepicker {
    height: 2em;
    margin-top: 4px;
}

Hope that helps.

[cxanderParticipant]

Yes, that worked thank you. Is there a way I can add placeholder text inside the date field as I have done for the others but saying “date of event”?

[RupokMember]

Hi there,

Thanks for writing back. You should be able to set the placeholder but I am not sure if it will show or not as it might show a date (possibly current date). You can explore their documentation for help.

Cheers!

[cxanderParticipant]

Yes, that option is available to default to the current date, but I’d rather have the placeholder say date of event if possible. Thanks for the help

[RupokMember]

Hi there,

Thanks for writing back. It’s actually seems not possible with Ninja form. They are setting the current date as default and no placeholder works. Unfortunately we can’t control their functionality.

Hope this makes sense.

[Author]

Posts