• Resolved generosus

    (@generosus)


    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.