Okay
  Public Ticket #1385549
Ninja Forms text field don't show up
Closed

Comments

  • Petfar started the conversation

    Hello,

    I installed Ninja Forms plug-in as it is more flexible than Forms 7

    Q1/ Ninja Forms Preview doesn't work bu I found a workaround : just add the Forms to a page and preview the page

    Q2/ my bigest issue is to be able to show text fields such as : Name, tel, email and 'your message' ... where customers currently need to fill in their content.

    I tried several CSS codes but none works so I want  

    e.g. : 

    .nf-field-element 

    border: 1px solid; 
    padding-left: 10px; 
    background-color: #000000!important;
    color: #000000; 
    }

    this one will work and for all forms but also for all fields type (even checklist...), I just want it to work for text fields, as for the others it makes it unreadable.

    at some point, if the type-in field (only text ones) has a border or/and a light gray background that would be enough for me.

    I asked Ninja forms support, their answer was:

    "I inspected the page and saw that your "style.css?ver=4.8.3" file on line 8059 has "border:none!important;"."

    thank you a lot in advance

    Cheers,

    P.

  •  9,016
    Tahir replied

    Hey Petfar,

    Try Adjusting the Form Styling Options in the Salient Theme Options Panel : 

    Be.st 


    ThemeNectar Support Team 

  • Petfar replied

    Hello,

    thank you a lot, this solved the text field border.

    and how would you add for e.g.: a gray (or other color) background on each of text field only (name, email, phone, comment)?

    Thank you in advance

    Kind Regards,

    P.

  •  9,016
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
        background-color: #ffc84c !important;
    }

    Thanks


    ThemeNectar Support Team