WordPress.org

Support

Support » Plugins and Hacks » facebook avatar in header is HUGE

facebook avatar in header is HUGE

  • focallocal
    Member

    @focallocal

    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/

Viewing 1 replies (of 1 total)
  • Mel
    Member

    @acvic

    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>';
    	}

Viewing 1 replies (of 1 total)
  • The topic ‘facebook avatar in header is HUGE’ is closed to new replies.