How to change the font color of a contact form element? - Support

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
February 15, 2018 at 1:50 pm #912752

bakbek
Participant

Hi, how can I make the font colors in the contact form fields to be white?

February 15, 2018 at 4:39 pm #912805
Guenni007
Participant
its allways better to see the link.
But do you mean the real inputed text or the place-holder text in the field ?

tip for placeholder-text:
```
::-webkit-input-placeholder {
  color: pink !important;
}
::-moz-placeholder { 
  color: pink !important;
}
:-ms-input-placeholder { 
  color: pink !important;
}
:-moz-placeholder { 
  color: pink !important;
}
```
- This reply was modified 6 years, 2 months ago by Guenni007.
February 15, 2018 at 4:42 pm #912806

bakbek
Participant

Both would be great.

February 15, 2018 at 4:52 pm #912807
Milan
Participant
post deleted, sorry, my mistake
- This reply was modified 6 years, 2 months ago by Milan.
February 15, 2018 at 5:07 pm #912822
Guenni007
Participant
you must replace pink than with #fff :lol

to change it globaly: it is on Enfold Options Dialog: Main Content secondary font color

the rest will work with attribute selektor
```
#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"] 
```
depends on the field you like to change
February 15, 2018 at 5:11 pm #912825
Guenni007
Participant
and something important to Firefox
all placeholders have transparency – to avoid this:
```
::-moz-placeholder {
  opacity: 1 !important;
}
```
February 15, 2018 at 9:34 pm #912947

Basilis
Inactive Moderator

Hi,

CSS Tricks that can save lifes! :D

Best regards,
Basilis

February 15, 2018 at 10:12 pm #912965

Guenni007
Participant

😇 😂

February 16, 2018 at 6:16 am #913130

Rikard
Keymaster

Hi,

Thanks for helping out @guenni007 :-)

Best regards,
Rikard
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.