-
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!
thanksHi 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);}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 adviseIf you want a bigger icon, change directly this image : http://www.zonasconti.com/risparmia/wp-content/plugins/userpro/img/social/facebook_signin.png
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;
}As I said before, I’ve done all of that! what solved the issue was to disable the RTL in settings
You must be logged in to reply to this topic.