attach please see my icon is not centralize. did you know how to centralize it? is that any css code need to add to the style.css?

my website is http://www.clnet-solution.com.my . just purchase it yesterday

If you want to edit the CSS look for userpro-field-icon and you will need to adjust the left: value. However, once you move the icons, you will need to move the field labels as well. Keep in mind, it’s best that you write custom css files into a css file that won’t get overwritten when you update the plugin. That means don’t edit the plugin css.

Hope that helps … Scott

this is caption icon from your site,

can you see the different of this image? your site the icon is centralize within the circle. my site the icon is go upper abit but still inside the icon, i not meaning to change the icon. from my point of view the circle and the image i don think is a one png picture. did you have any way to keep the image icon centralize like you.

I inspected the css from your site and my site side by side and the first area I can see a difference is you have a reset.css file being used. I’m sure there’s something there that is off setting the icons. I haven’t been able to pin it down yet. I was able to add css to correct it using the code inspector in Safari but you shouldn’t need to do that. There’s a conflict somewhere, I’ll keep looking and let you know what I find.

… Scott

Another option is to add the code to correct it. You will need to do it for every icon as they all have individually named classes.

For every icon class you could place this code into your style.css keeping mind if you’re not using a child theme, any css edits could get wiped out with an update.

When you come across more icons, just add them in a new line before the brackets making sure to put a comma at the end of each line (except the last)

but where to find other icon? i have to adjust in (facebook, twitter, google, website..for example

.userpro-icon-facebook, …etc
.userpro-icon-user,
.userpro-icon-envelope,
.userpro-icon-lock,
.userpro-icon-camera {
position: relative;
top: 8px;
}

userpro.min.css

add: div.userpro-centered-icons a.userpro-profile-icon i {color: #aaa !important; line-height: 26px !important;}

as I said, this fix is automatically included in latest version. 🙂

how about this icon, it was going down from top. different from the other above.