Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 25, 2014 at 11:20 am #295872
    mhauslaib

    Font in the text field on the contact page does appear grey while typing the text but switches to white #fff when the text field is left.
    How can I set the typing font colour to white to provide a better visibility for the writer while typing in the email the topic etc.

    July 25, 2014 at 2:20 pm #295944
    Yigit

    Hi mhauslaib!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top input[type="text"]:focus, #top input[type="password"]:focus, #top input[type="email"]:focus, #top input[type="number"]:focus, #top input[type="url"]:focus, #top input[type="tel"]:focus, #top input[type="search"]:focus, #top textarea:focus { color: white; }

    Regards,
    Yigit

    July 25, 2014 at 4:58 pm #296033
    mhauslaib

    Dear Yigit,

    it didn’t do the trick, sorry.
    The thing is that colour of the font changes to dark grey when the input field is activated for editing.
    So anything which is written within this field is shown in font colour dark grey…once you deactivate the field and change to another on the written text appears in white…

    I did clear browser cache after saving but still no change.

    Any other ideas which may help.

    thx
    Martin

    July 25, 2014 at 5:05 pm #296039
    Yigit

    Hey!

    Please disable CSS minifying feature on the plugin you have activated, then flush browser cache and check the input once again. It should work, then you can re-enable minifying feature.

    Cheers!
    Yigit

    July 25, 2014 at 5:40 pm #296047
    mhauslaib

    He there,

    deactivated minifying f. but no change…funny thing tried the page on my smart phone and it worked but not on my laptop.
    Weird!

    rgds
    Martin

    July 25, 2014 at 11:47 pm #296139
    Yigit

    Hi!

    Please try adding !important rule as following

    #top input[type="text"]:focus, #top input[type="password"]:focus, #top input[type="email"]:focus, #top input[type="number"]:focus, #top input[type="url"]:focus, #top input[type="tel"]:focus, #top input[type="search"]:focus, #top textarea:focus { color: white !important; }

    and flush browser cache after applying the code and refresh your page a few times

    Regards,
    Yigit

    July 26, 2014 at 12:04 pm #296210
    mhauslaib

    He,

    unfortunately it didn’t do it.
    I have another one…how can I set the pages so it fits to android smart phone and tablets as well as ipads?

    Thx
    rgds
    Martin

    July 26, 2014 at 4:46 pm #296243
    Dude

    Hi!

    Try this code please:

    
#top #wrap_all input[type="text"]:focus, #top  #wrap_all input[type="password"]:focus, #top  #wrap_all input[type="email"]:focus, #top #wrap_all input[type="number"]:focus, #top  #wrap_all input[type="url"]:focus, #top  #wrap_all input[type="tel"]:focus, #top  #wrap_all input[type="search"]:focus, #top  #wrap_all textarea:focus {
color: #ffffff !important;
}

    Regards,
    Peter

    July 31, 2014 at 3:16 pm #298260
    mhauslaib

    Dear Peter,

    sorry for replying to your feedback so late.
    It worked. The text shows up in white while the respective text field is activated. Once you deactivate the text field the colour changes to grey again but is still visible so actually a nice thing.

    Many thx
    best regards
    Martin

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘ENFOLD theme: Font in the text fields on the contact page (name, topic, text,..’ is closed to new replies.