Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 9, 2022 at 11:52 pm #1343921
    GWS

    HI,
    We have a website with the Enfold contact form on a contact page and we copied the Avia code for the form and placed it in a footer text widget. The form in the footer is on a blue background where the fonts are all white. But the input field background color for the form and we want the input text color to be black. Custom css was added and it works in Chrome but on Firefox and Edge the font color is still white. I can’t figure out how to get it to work. Any suggestions?

    March 10, 2022 at 5:12 am #1343944
    Nikko

    Hey GWS,

    Can you try adding this CSS code in Quick CSS:

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

    Best regards,
    Nikko

    March 10, 2022 at 4:10 pm #1344024
    GWS

    Thanks, but that doesn’t seem to work. The font is still white in the contact form widget on Firefox, Edge and also mobile. What am I missing?

    March 11, 2022 at 2:01 pm #1344140
    Mike

    Hi,
    Thanks for the feedback, it looks like the above css has added with the color white:
    2022-03-11_001.jpg
    please check, if it has been added as Nikko posted above then include admin login in the Private Content area so we can investigate.

    Best regards,
    Mike

    March 11, 2022 at 5:14 pm #1344155
    GWS

    Thanks, Mike. I couldn’t find that custom css but added ‘important’ to the color in the input css and that corrected the problem. Thank you for your help. You can consider this issued resolved. :)

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

    March 12, 2022 at 6:08 am #1344188
    Nikko

    Hi GWS,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great weekend!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Enfold Contact Form input text color not working on Firefox and Edge’ is closed to new replies.