Icons into the form doesn’t display

Hi @kaminskym ,
no, I don’t use any cache plugin. I try several times to delete all cache browser, but without success.

I don’t understand why it doesn’t render some classes…

Hi,

@ddurchov, @kaminskym I fixed it inserting the CSS class manually.
I know that it’ll be a problem when I’ll need to update the plugin, but for the moment it’s the solution.

I write here my modification:
into \views\form.php
I’m appending the css class:
‘lrm-ficon-mail’ everywhere I found ‘lrm-email’
‘lrm-password’ everywhere I found ‘lrm-ficon-password’
‘lrm-ficon-username’ everywhere I found ‘lrm-username’
and I deleted the message into the tag

<div class="fieldset">
	<label class="image-replace lrm-email <strong>lrm-ficon-mail</strong>"></label>
	<input name="username" class="full-width has-padding has-border" type="text" placeholder="<?php echo esc_attr( LRM_Settings::get()->setting('messages/login/username', true) ); ?>" <?= $fields_required; ?> value="" autocomplete="username" data-autofocus="1">
	<span class="lrm-error-message"></span>
</div>

<div class="fieldset">
	<label class="image-replace lrm-password <strong>lrm-ficon-password</strong>"></label>
	<input name="password" class="full-width has-padding has-border" type="password"  placeholder="<?php echo esc_attr( LRM_Settings::get()->setting('messages/login/password', true) ); ?>" <?= $fields_required; ?> value="">
	<span class="lrm-error-message"></span>
	<?php if ( apply_filters('lrm/login_form/allow_show_pass', true) ): ?>
		<span class="hide-password" data-show="<?php echo LRM_Settings::get()->setting('messages/other/show_pass'); ?>" data-hide="<?php echo LRM_Settings::get()->setting('messages/other/hide_pass'); ?>"></span>
	<?php endif; ?>
</div>

<?php if( ! LRM_Settings::get()->setting('general_pro/all/hide_username') ): ?>
	<div class="fieldset fieldset--username">
		<label class="image-replace lrm-username lrm-ficon-username" for="signup-username"></label>
		<input name="username" class="full-width has-padding has-border" id="signup-username" type="text" placeholder="<?php echo esc_attr( LRM_Settings::get()->setting('messages/registration/username') ); ?>" <?= $fields_required; ?>>
		<span class="lrm-error-message"></span>
	</div>
<?php endif; ?>

<?php if( LRM_Settings::get()->setting('general/registration/display_first_and_last_name') ): ?>
<div class="fieldset clearfix">
	<div class="lrm-col-half-width lrm-col-first fieldset--first-name">
		<label class="image-replace lrm-username lrm-ficon-username" for="signup-first-name"></label>
		<input name="first-name" class="full-width has-padding has-border" id="signup-first-name" type="text" placeholder="<?php echo esc_attr( LRM_Settings::get()->setting('messages/registration/first-name') ); ?>" <?= $fields_required; ?>>
		<span class="lrm-error-message"></span>
	</div>
	<div class="lrm-col-half-width lrm-col-last fieldset--last-name">
		<label class="image-replace lrm-username <strong>lrm-ficon-username</strong>" for="signup-last-name"></label>
		<input name="last-name" class="full-width has-padding has-border" id="signup-last-name" type="text" placeholder="<?php echo esc_attr( LRM_Settings::get()->setting('messages/registration/last-name') ); ?>">
		<span class="lrm-error-message"></span>
	</div>
</div>
<?php endif; ?>

<div class="fieldset fieldset--email">
	<label class="image-replace lrm-email <strong>lrm-ficon-mail</strong>" for="signup-email"></label>
	<input name="email" class="full-width has-padding has-border" id="signup-email" type="email" placeholder="<?php echo esc_attr( LRM_Settings::get()->setting('messages/registration/email') ); ?>" <?= $fields_required; ?> autocomplete="off">
	<span class="lrm-error-message"></span>
</div>

<?php if( LRM_Settings::get()->setting('general_pro/all/allow_user_set_password') ): ?>
	<div class="fieldset">
		<div class="lrm-position-relative">
			<label class="image-replace lrm-password <strong>lrm-ficon-password</strong>" for="signup-password"></label>
			<input name="password" class="full-width has-padding has-border" id="signup-password" type="password"  placeholder="<?php echo esc_attr( LRM_Settings::get()->setting('messages/password/password', true) ); ?>" <?= $fields_required; ?> value="" autocomplete="new-password">
			<span class="lrm-error-message"></span>
			<span class="hide-password" data-show="<?php echo LRM_Settings::get()->setting('messages/other/show_pass'); ?>" data-hide="<?php echo LRM_Settings::get()->setting('messages/other/hide_pass'); ?>"></span>
		</div>
		<span class="lrm-pass-strength-result"></span>
	</div>
<?php endif; ?>

<div class="fieldset">
	<label class="image-replace lrm-email <strong>lrm-ficon-mail</strong>"></label>
	<input class="full-width has-padding has-border" name="user_login" type="text" <?= $fields_required; ?> placeholder="<?php echo esc_attr( LRM_Settings::get()->setting('messages/lost_password/email', true) ); ?>" data-autofocus="1">
	<span class="lrm-error-message"></span>
</div>

the same work into \views\restore-password.php

<div class="lrm-position-relative">
	<label class="image-replace lrm-password <strong>lrm-ficon-password</strong>"></label>
	<input name="password1" class="full-width has-padding has-border" id="lrm-password1" data-relation="lrm-password2" type="text"  placeholder="<?php echo esc_attr( LRM_Settings::get()->setting('messages_pro/registration/password', true) ); ?>" <?= $fields_required; ?> value="<?php echo esc_attr( wp_generate_password( 16 ) ); ?>" autocomplete="new-password">
	<span class="lrm-error-message"></span>
	<span class="hide-password hide-password--on" data-show="<?php echo LRM_Settings::get()->setting('messages/other/show_pass'); ?>" data-hide="<?php echo LRM_Settings::get()->setting('messages/other/hide_pass'); ?>"></span>
</div>

then I added specific class into my enfold-child style.css :

.lrm-form input.has-padding {
	padding: 12px 20px 12px 50px !important;
}

.lrm-form label.image-replace.lrm-email.lrm-ficon-mail:before {
    content: '\e805';
    font-family: 'entypo-fontello';
}

.lrm-form label.image-replace.lrm-password.lrm-ficon-password:before {
    content: '\e8d7';
    font-family: 'entypo-fontello';
}

.lrm-form label.image-replace.lrm-username.lrm-ficon-username:before {
    content: '\e80a';
    font-family: 'entypo-fontello';
}

.lrm-switch-to--login:before {
    content: '\e835' !important;
    font-family: 'entypo-fontello' !important;
}
.lrm-switch-to--register:before { 
    content: '\e80c' !important;
    font-family: 'entypo-fontello' !important;
}

.lrm-form .hide-password { height: 46px; width: 6%;}
.lrm-form .hide-password:before { 
   content: '\e826';
   font-family: 'entypo-fontello';
}

.lrm-form .hide-password--on { height: 46px; width: 6%;}
.lrm-form .hide-password--on:before { 
    content: '\e800';
    font-family: 'fontello';
}