Change Social Login to Horizontal Rectangles

  • Resolved laksacurry

    (@laksacurry)


    3 years, 6 months ago

    Hi,

    How do I change the Facebook social login button to look like the google horizontal rectangular button?

    Thank you!

    • This topic was modified 3 years, 6 months ago by laksacurry.
Viewing 1 replies (of 1 total)

  • Hi,

    you can try the below snippet. 

    add_filter('uwp_social_login_button_html', 'uwp_social_login_button_html_custom_call', 10, 3);
function uwp_social_login_button_html_custom_call( $btn_output,$provider_id,$url ){
	if( $provider_id == 'facebook'){
		$btn_output = '';
		$btn_output .= "<br/>";
		$btn_output .= '<li class="uwp_social_login_icon">';
		$btn_output .= "<a href=\"$url\">";
		$btn_output .= '<img src="https://i.ibb.co/VHhbmD5/download.png" alt="Sign in with facebook" class="w-auto">';
		$btn_output .= "</a>";
		$btn_output .= "</li>";
	}
	return $btn_output;
}

    make sure to replace the image URL with the proper image.

    Regards

Viewing 1 replies (of 1 total)
  • The topic ‘Change Social Login to Horizontal Rectangles’ is closed to new replies.