login page font size

[technicalER]

Hello good day how do we make the font sizes on the login modal bigger?

[Kieran_SQ]

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 there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[technicalER]

thanks how about the username and password fonts?

[Kieran_SQ]

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.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Author]

Posts