facebook icon change – UserPro Forums https://forum.userproplugin.com/forums/topic/facebook-icon-change/feed/ Fri, 03 May 2024 13:31:45 +0000 https://bbpress.org/?v=2.6.2 en-US https://forum.userproplugin.com/forums/topic/facebook-icon-change/#post-35316 <![CDATA[facebook icon change]]> https://forum.userproplugin.com/forums/topic/facebook-icon-change/#post-35316 Tue, 29 Apr 2014 16:13:40 +0000 elaka01 Hello,
I tried to change the facebook login icon with a bigger one, changed the size in css but the can’t get it right please advise!
thanks

]]> https://forum.userproplugin.com/forums/topic/facebook-icon-change/#post-35317 <![CDATA[Reply To: facebook icon change]]> https://forum.userproplugin.com/forums/topic/facebook-icon-change/#post-35317 Tue, 29 Apr 2014 16:28:19 +0000 Hi Elaka01, here is the CSS code that you need to change. Just change the width and height to what you need and make sure that the new image is that size. Then you need to replace the image url:

div.userpro-social-connect a {
float: left;
margin-left: 5px;
background-repeat: no-repeat;
background-position: 0 0;
width: 32px;
height: 32px;
display: inline-block !important;
}

a.userpro-social-facebook {background-image: url(../img/social/facebook_signin.png);}
a.userpro-social-twitter {background-image: url(../img/social/twitter_signin.png);}
a.userpro-social-google {background-image: url(../img/social/google_signin.png);}

]]> https://forum.userproplugin.com/forums/topic/facebook-icon-change/#post-35318 <![CDATA[Reply To: facebook icon change]]> https://forum.userproplugin.com/forums/topic/facebook-icon-change/#post-35318 Tue, 29 Apr 2014 16:29:26 +0000 Also, post a link to your site so Ahmed and others can see where you are going wrong

]]> https://forum.userproplugin.com/forums/topic/facebook-icon-change/#post-35335 <![CDATA[Reply To: facebook icon change]]> https://forum.userproplugin.com/forums/topic/facebook-icon-change/#post-35335 Tue, 29 Apr 2014 19:49:07 +0000 elaka01 that’s exactly what I did
first for userpro.min.css didn’t work si changed also userpro-rtl.min.css
but no chance. please advise

]]> https://forum.userproplugin.com/forums/topic/facebook-icon-change/#post-35336 <![CDATA[Reply To: facebook icon change]]> https://forum.userproplugin.com/forums/topic/facebook-icon-change/#post-35336 Tue, 29 Apr 2014 19:49:48 +0000 elaka01 ps. http://www.zonasconti.com/risparmia

]]> https://forum.userproplugin.com/forums/topic/facebook-icon-change/#post-35337 <![CDATA[Reply To: facebook icon change]]> https://forum.userproplugin.com/forums/topic/facebook-icon-change/#post-35337 Tue, 29 Apr 2014 19:52:55 +0000 It looks fine to me. What is it meant to look like?

]]> https://forum.userproplugin.com/forums/topic/facebook-icon-change/#post-35340 <![CDATA[Reply To: facebook icon change]]> https://forum.userproplugin.com/forums/topic/facebook-icon-change/#post-35340 Tue, 29 Apr 2014 20:33:49 +0000 Nexnivis If you want a bigger icon, change directly this image : http://www.zonasconti.com/risparmia/wp-content/plugins/userpro/img/social/facebook_signin.png

]]> https://forum.userproplugin.com/forums/topic/facebook-icon-change/#post-35429 <![CDATA[Reply To: facebook icon change]]> https://forum.userproplugin.com/forums/topic/facebook-icon-change/#post-35429 Wed, 30 Apr 2014 09:18:02 +0000 admin You should change the social icon images, and also the css rules that display the icon :

as suggested above

div.userpro-social-connect a {
float: left;
margin-left: 5px;
background-repeat: no-repeat;
background-position: 0 0;
width: 32px;
height: 32px;
display: inline-block !important;
}

]]> https://forum.userproplugin.com/forums/topic/facebook-icon-change/#post-35453 <![CDATA[Reply To: facebook icon change]]> https://forum.userproplugin.com/forums/topic/facebook-icon-change/#post-35453 Wed, 30 Apr 2014 11:07:49 +0000 elaka01 As I said before, I’ve done all of that! what solved the issue was to disable the RTL in settings

]]> https://forum.userproplugin.com/forums/topic/facebook-icon-change/#post-35482 <![CDATA[Reply To: facebook icon change]]> https://forum.userproplugin.com/forums/topic/facebook-icon-change/#post-35482 Wed, 30 Apr 2014 14:05:17 +0000 admin Thanks Elaka, is it solved now?

]]>