/*Reverse sticky header*/
  1. Home
  2. Knowledge Base
  3. Customizations
  4. PHP Functions
  5. Change Eye icon for Show or Hide in password field

Change Eye icon for Show or Hide in password field

By default, the platform does not have this option. If you want to change the icon when showing or hiding a password on the Login and Registration page. You may use the following code:

NOTE: To be added in functions.php of their child theme.

Please follow the steps below:

1. Go to Appearance > Theme Editor.

2. Under “Select theme to edit”, choose (BuddyBoss Child/whatever theme is active), then click “Select”.

3. Below Theme Files, select Theme Functions (functions.php).

4. Append the code just before the closing PHP tag “?>”:

add_action( 'login_enqueue_scripts', 'bbTheme_loginStyle' ); function bbTheme_loginStyle() { $styles = '<style> body.login .user-pass-wrap .wp-pwd .dashicons-visibility:before { content: "\ee6a"; } body.login .user-pass-wrap .wp-pwd .dashicons-hidden:before { content: "\ee69"; } </style>'; echo $styles; }


And, to be added in Appearance > Customize > Additional CSS

.user-pass-wrap .wp-pwd .dashicons-visibility:before { content: "\ee6a"; } .user-pass-wrap .wp-pwd .dashicons-hidden:before { content: "\ee69"; }

5. Click Update File to save the changes.

Note: Any modifications are considered as custom work already. Know more about our Support Policy here: https://www.buddyboss.com/support-policy/

Note: Just change the Unicode depending on your choice. You may check our Font Cheatsheet here: https://www.buddyboss.com/resources/font-cheatsheet/



Was this article helpful?

Related Articles

Need Support?

Can't find the answer you're looking for?
Support

To speak to our Agency consultant, fill in the form found at our Contact Page.

"*" indicates required fields

Get Started

Enter your name and email address to get started with your project...

Name*