Useful: How to Modify Visibility Dashicon

  • Resolved generosus

    (@generosus)


    3 years ago

    Good Day!

    Useful CSS Codes:

    (1) To Change the color of the visibility (eye) dashicon

    .login .button.wp-hide-pw .dashicons {
    color: #707070!important; 
}

    (2) To remove the focus border surrounding the visibility (eye) dashicon

    .login .button.wp-hide-pw:focus {
   outline: none!important;
   border: none!important;
   box-shadow: none!important;
}

    Enjoy!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author weblizar

    (@weblizar)

    Welcome

    Thread Starter generosus

    (@generosus)

    (3) To Change the color and size of the visibility (eye) dashicon

    .login .button.wp-hide-pw .dashicons {
    color: #707070!important;
    font-size: 14px!important;
    margin-top: 0.2rem!important;

    (Note: Adjust color, font-size, and margin to suit your needs)

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Useful: How to Modify Visibility Dashicon’ is closed to new replies.

Tags