Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 4, 2019 at 10:04 am #1074254
    famarinu

    Hi, how do I change the color of the placeholder? I added this code in Quick CSS, but the color has not changed.

    :: – webkit-input-placeholder {color: # fdd02c; font-size: 12px;}
    :: – moz-input-placeholder {color: # fdd02c; font-size: 12px;}
    :: – ms-input-placeholder {color: # fdd02c; font-size: 12px;}

    input :: placeholder {
       color: # fdce2c; ! Important;
    }

    March 4, 2019 at 11:48 am #1074306
    Nikko

    Hi Manuela,

    Your code should work but your need to remove the spaces for example:

    :: – webkit-input-placeholder {color: # fdd02c; font-size: 12px;}

    should be:

    ::-webkit-input-placeholder {color: # fdd02c; font-size: 12px;}

    You can use this instead:

    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: # fdd02c;
  font-size: 12px
}

::-moz-placeholder { /* Firefox 19+ */
  color: # fdd02c;
  font-size: 12px
}

:-ms-input-placeholder { /* IE 10+ */
  color: # fdd02c;
  font-size: 12px
}

:-moz-placeholder { /* Firefox 18- */
  color: # fdd02c;
  font-size: 12px
}

    Best regards,
    Nikko

    March 4, 2019 at 12:54 pm #1074334
    famarinu

    I put the code that you suggested but not work.

    March 4, 2019 at 1:17 pm #1074347
    Guenni007

    by the way there should be no space between the hex color definition and hash !
    #fdd02c – then it has to work like that

    or try in a combination of enfold class and input:

    .main_color ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fdd02c;
  font-size: 12px
}

.main_color ::-moz-placeholder { /* Firefox 19+ */
  color: #fdd02c;
  font-size: 12px
}

.main_color :-ms-input-placeholder { /* IE 10+ */
  color: #fdd02c;
  font-size: 12px
}

.main_color :-moz-placeholder { /* Firefox 18- */
  color: #fdd02c;
  font-size: 12px
}

.main_color ::placeholder {
  color: #fdd02c;
  font-size: 12px
}
    • This reply was modified 5 years, 8 months ago by Guenni007.
    March 4, 2019 at 2:33 pm #1074377
    famarinu

    yes it work, thank you

    March 5, 2019 at 9:34 am #1074740
    Rikard

    Hi,

    Great, I’m glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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