WordPress.org

Forums

WordPress Social Login
facebook avatar in header is HUGE (2 posts)

  1. focallocal
    Member
    Posted 1 year ago #

    the faceboook avatar imported is massive and takes up half of the screen. i've tried to fix it using CSS but nothing happened, it seems to load last so perhaps the CSS fix is loading 1st and then being over-ridden.

    any ideas?

    both css attempted fixes:

    #item-header-avatar img.avatar-social-login {
    	width: 16px!important; height: 16px!important;
    }
    
    .avatar avatar-wordpress-social-login avatar-16 photo {
    	height: 16px!important: width: 16px!important;
    }

    image of issue: http://imgur.com/qr5ZVEP

    https://wordpress.org/plugins/wordpress-social-login/

  2. Mel
    Member
    Posted 1 year ago #

    Your going to have to put the css in the adminbar header to work correctly
    Try This in functions.php

    //=============================================================================
    	//		Adminbar Css
    	//=============================================================================
    	// add to admin area, inside head
    	add_action( 'admin_head', 'adminbar_add_css' );
    	// add to frontend, inside head
    	add_action( 'wp_head', 'adminbar_add_css' );
    
    	function adminbar_add_css() {
    
    		if ( ! is_admin_bar_showing() ) {
    			return;
    		}
    
    		echo '<style>
    		#item-header-avatar img.avatar-social-login {
    			width: 16px!important; height: 16px!important;
    		}
    
    		.avatar avatar-wordpress-social-login avatar-16 photo {
    			height: 16px!important: width: 16px!important;
    		}
    		</style>';
    	}

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WordPress Social Login
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic