Forums

Hi,
​
had some issues to find that but here is the CSS code that can set the opacity and color for some fields in Chronoforms 7.
May be there is another place to look for but I didn't find it so far!
I use a template generator for Joomla 3 and put this extra CSS code into the template for Joomla.
​
Play around on yourself with that. May be it helps you a bit and save some lifetime!
​
CSS CODE SAMPLE:
​

/*
  Disabled field opacity (chronoforms 7)
*/
.ui.form .disabled.field, .ui.form .disabled.fields .field, .ui.form .field :disabled, .ui.form .field.disabled > label, .ui.form .fields.disabled > label, .ui.disabled.dropdown, .ui.dropdown .menu > .disabled.item {
  opacity: .7 !important;
}

/*
  Input placeholder color and opacity (chronoforms 7)
*/
.ui.form ::-webkit-input-placeholder{color:rgba(20,20,20,.87)!important}
.ui.form :-ms-input-placeholder{color:rgba(20,20,20,.87)!important}
.ui.form ::-moz-placeholder{color:rgba(20,20,20,.87)!important}
.ui.form :focus::-webkit-input-placeholder{color:rgba(115,115,115,.87)}
.ui.form :focus:-ms-input-placeholder{color:rgba(115,115,115,.87)!important}
.ui.form :focus::-moz-placeholder{color:rgba(115,115,115,.87)}

Hi
​
::-webkit-input-placeholder {color:#333 !important; opacity:0.6 !important;}
::-moz-placeholder {color:#333 !important; opacity:0.6 !important;}
:-ms-input-placeholder {color:#333 !important; opacity:0.6 !important;}
input:-moz-placeholder {color:#333 !important; opacity:0.6 !important;}
​
Try with different value of opacity (between 0 and 1).