login page font size

Hi,

To change the font sizes for the modal please try the below CSS snippets in your BuddyApp Child theme’s style.css or within Theme Options > Quick CSS. Adjust the em values as needed and clear your cache(s) to see the changes

Title
.kleo-login-wrap .login-form-wrapper .kleo-pop-title {font-size: 1.5em;}

Input Labels
.kleo-login-wrap .login-form-wrapper .login-input-wrapper input.login-field:-webkit-autofill+.login-label .login-label-content {font-size: 0.75em;}

Input Fields
.kleo-login-wrap .login-form-wrapper .login-input-wrapper input.login-field:-webkit-autofill {font-size: 1em;}

Button
.kleo-login-wrap .login-form-wrapper button.login-button {font-size: 1em;}

Remember Me
.kleo-login-wrap .login-form-wrapper .fancy-checkbox>span {font-size: 1em;}

Lost Password
.kleo-login-wrap .login-form-wrapper .kleo-other-action {font-size: 1em;}

Create an account
.login-create-account-wrapper {font-size: 1em;}

Thanks,

Kieran

Hi,

You can use font-family:; with any of the snippets from above. You would need to add the font-family to ‘input labels’ or ‘input fields’ depending on exactly which element you wished to target.

See here for more: https://www.w3schools.com/cssref/pr_font_font-family.asp

Thanks,

Kieran.