Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 22, 2018 at 2:44 pm #1036523
    RonicsFotografie

    Hi,
    I would like to change the colors of the input fields of my contactform:
    background color: white
    text color: black

    Please help.

    ronicsfotografie.nl/contact/

    Regards,
    Steven.

    November 22, 2018 at 7:46 pm #1036758
    Nikko

    Hey RonicsFotografie,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .main_color .input-text, 
#top .main_color input[type='text'], 
#top .main_color input[type='input'], 
#top .main_color input[type='password'], 
#top .main_color input[type='email'], 
#top .main_color input[type='number'], 
#top .main_color input[type='url'], 
#top .main_color input[type='tel'], 
#top .main_color input[type='search'], 
#top .main_color textarea, 
#top .main_color select {
    background-color: white;
    color: black !important;
}

    Hope it helps.

    Best regards,
    Nikko

    November 23, 2018 at 9:46 am #1036886
    RonicsFotografie

    Hi NIkko,

    Thnx, we’re almost there.

    All input backgrounds are white -> Good.

    Input textcolor for name is black -> Good
    Input textcolor for email is white -> No good
    textarea textcolor is white -> No good

    Please see result ronicsfotografie.nl/contact

    Regards,
    Steven.

    November 23, 2018 at 7:20 pm #1037083
    Victoria

    Hi Steven,

    Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

    November 24, 2018 at 11:42 pm #1037309
    RonicsFotografie

    Hello Victoria,

    I cleared the cache, but still the same problem.

    Try typing your e-mailaddress in the e-mail input field.
    Do you see anything? The text color is white on a white background…. right!

    Please confirm.

    Regards,
    Steven.

    November 25, 2018 at 10:29 pm #1037474
    Mike

    Hi,
    I have taken a look at your site and css, in your custom css you have this code:

    /* Contactform text color */
#top .main_color .input-text, 
/* #top .main_color input[type='text'], */
#top .main_color input[type='input'], 
#top .main_color input[type='password'], 
#top .main_color input[type='email'], 
#top .main_color input[type='number'], 
#top .main_color input[type='url'], 
#top .main_color input[type='tel'], 
#top .main_color input[type='search'], 
#top .main_color textarea { color: white !important; }
#top .main_color select { color: black !important; }

    the issue is this line:

    #top .main_color textarea { color: white !important; }

    please change the color to black.
    Then clear your browser cache and any cache plugin, and check.
    If this doesn’t help, please include a admin login in the private content area so we can adjust for you.

    Best regards,
    Mike

    November 26, 2018 at 9:30 pm #1037776
    RonicsFotografie

    Hello Mike,

    Thank you, I changed the css and it works.

    Regards,
    Steven.

    November 26, 2018 at 9:53 pm #1037785
    Nikko

    Hi Steven,

    Glad that we could help. :)
    Let us know if you need further assistance or if we can close this thread.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.