Case Sensitive Help

[Rahim]

Hi Harry,

As you know the users will work with the website in two ways : mobile or desktop

I realized when a user signs up via mobile in the theme the mobile forces the field of the username to use a capital letter for the the first character like “Rahim” not “rahim”.

It’s fine because WordPress is not case sensitive in username.

But all the users witch have signed up via mobile have capital letters in users list.

Is there any chance to force a text field like username field to use lowercase in any device?

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

I found this : https://stackoverflow.com/questions/14106971/forcing-form-text-to-be-lower-case

But don’t know how can this help me in this case and only for username not for example for the field of password.

 

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.woocommerce form.register .form-row input.input-text,
.woocommerce form.login .form-row input.input-text {
    text-transform: lowercase;
}

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Rahim]

Hi Harry,

I added the code to style.css of the child theme but not working.

Could you please sign out from my website if you are login in and check on the page : https://look.ir/my-account/

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

I see the code not applied. Please try clear cache on your site or add new code

input#reg_username.woocommerce-Input.woocommerce-Input--text.input-text,
input#reg_password.woocommerce-Input.woocommerce-Input--text.input-text{
	text-transform: lowercase;
}

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Rahim]

Hi Harry,

This worked for me.

No need to have the password input field here. maybe the user wants to add capital in the password.

input#reg_username.woocommerce-Input.woocommerce-Input--text.input-text,
input#username.woocommerce-Input.woocommerce-Input--text.input-text,
input#reg_email.woocommerce-Input.woocommerce-Input--text.input-text {
text-transform: lowercase !important;
}

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Author]

Posts