By Bilal Abdeen on Friday, 02 November 2018
Posted in General Issues
Replies 1
Likes 0
Views 1.1K
Votes 0
As you can see in the attached screen capture, the "label" & "input" elements of the Username & Password Fields are displayed on top of each other. If you click on any of the 2 fields, the label and input elements are shown properly. However, it doesn't look nice initially. How can I fix this?
Try apply this following custom css code into your site backend > Easyblog > theme > custom css


#eb .form-group--float-label ::-webkit-input-placeholder {
color: transparent !important;
}
#eb .form-group--float-label :-moz-placeholder {
color: transparent !important;
}
#eb .form-group--float-label ::-moz-placeholder {
color: transparent !important;
}
#eb .form-group--float-label :-ms-input-placeholder {
color: transparent !important;
}
#eb .form-group--float-label input:-webkit-autofill ~ label {
font-size: 11px !important;
top: 6px !important;
}
#eb .form-group--float-label input:-webkit-autofill {
padding-top: 24px !important;
padding-bottom: 8px !important;
}


After you applied, you have to clear your browser and site backend cache before you test.
·
Friday, 02 November 2018 13:59
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post