WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. focallocal
    Member
    Posted 4 months 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 4 months 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>';
    	}

Reply

You must log in to post.

About this Plugin

About this Topic