Is there any way to customize the Facebook Login image?

Is there any way to customize the Facebook Login image?
I need to design a custom button. Thank you

  • Ash

    Hello @taropaa

    Please try the following code:

    add_action( 'login_footer', 'my_login_script' );
    function my_login_script() {
    		.wdfb_login_button{display: none;}
                        display: inline-block;
                        padding: 5px 10px;
                        background: #000;
                        color: #fff;
                        margin: 10px 0;
    	<script type="text/javascript">
    		$('.forgetmenot').before('<a href="#" class="fb_login_btn">Login</a>');
    		$(document).on('click', '.fb_login_btn', function(e) {
    			FB.login(function(response) {
    				if (response.authResponse) {
                        return false;

    You need to customize the css for .fb_login_btn

    You can add those codes in your functions.php in the theme, if you think your theme won’t be changed. Otherwise mu-plugins is the best solution. To use mu-plugins, go to /wp-content/ and find the folder with name 'mu-plugins'. If there is no folder in that name, then create a folder, name it 'mu-plugins', create a file inside that, give any name you like and paste the code in there. You don't need to activate that plugin. Mu-plugins means must use plugins, so it will be activated automatically always. If you use mu-plugins then add a php start tag at the beginning of the code.


Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.