I figured it out. For anyone who wants to do this, you must add some code on the el-fonts.css file, located on “easy-login-woocommerce\assets\css”
First you add the @font-face of your preference, I choosed FontAwesome 4.3.0.
@font-face {
font-family: “FontAwesome”;
font-weight: normal;
font-style : normal;
src : url(“https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0”);
src : url(“https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0”) format(“embedded-opentype”),
url(“https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0”) format(“woff2”),
url(“https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0”) format(“woff”),
url(“https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0”) format(“truetype”),
url(“https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular”) format(“svg”);
}
Then add it to the class beneath that. It must look like this:
[class^=”xoo-el-icon-“], [class*=” xoo-el-icon-“] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: ‘Easy-Login’, ‘FontAwesome’ !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
and then change the “content” value with the code of the icon you want to replace it with provided by FontAwesome cheatsheet of the version you choosed.
For example:
.xoo-el-icon-cancel-circle:before {
content: “\f00d”;
}
