Hi!
We are using the new contact form inline labels. The colour of the placeholder seems to be fixed to #828282 (main_color?).
Would you please show us the way to set an individual colour? Our site has two different contact forms, that are customized with the help of page-section ids.
Thanks
Bernd
Hi!
Seems like you have already figured it out! For the second form, please use following code
#presseserver input[type="text"] {
background-color:#ffffff;
background: rgba(255, 255, 255, 0.75)!important;
font-size:14px!important;
color:#484848!important;
}
#presseserver .avia_ajax_form .text_input, #presseserver .avia_ajax_form .select, #presseserver .avia_ajax_form .text_area {
background-color:#ffffff;
background: rgba(255, 255, 255, 0.75)!important;
font-size:14px!important;
color:#484848!important;
}
Regards,
Yigit
Hi Yigit!
No, sorry. As you can see on the page, my css-code sets the select-field and the text-input to #484848.
The colour of the placeholder is still at #828282.
Do you have an idea?
Thanks, Bernd
Hi!
Placeholder requires different treatment, try the following:
#presseserver ::-webkit-input-placeholder {color: #484848; }
#presseserver ::-moz-placeholder {color: #484848; opacity:1; }
#presseserver :-ms-input-placeholder {color: #484848;}
Best regards,
Josue
Hi Josue, hi Yigit!
O.K., that’s really a special treatment. Everything works fine now.
Thanks a lot!
Bernd
You are welcome, glad we could help :)
Regards,
Josue