Social login avatar not centered on profile

[giorgos]

I use super socialiser for social login capabilities for KLEO and the member profile picture social avatar (linkedin below) gets a right margin of 10px that I want to get rid in order to center the social login avatar

I try several ccs codes with no success so far. Any idea?

http://www.applesocial.net/members/giorgos/

[sharmstr]

I cant see your image attached. Nor can I see any issue on the link you provided.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[giorgos]

Sorry, it is not the image, is the image html code without code tags 🙁 (inspect element on firefox). Now I have inserted the code tags. I hope it works.
The link shows the profile image avatar with a margin-right 10px. Not centered.

img src="https://media.licdn.com/mpr/mprx/0zzJ3" alt="Profile picture of giorgos" class="avatar avatar-social-login" style="float:left; margin-right:10px" height="150" width="150"

[giorgos]

I hope you can inspect the element of the profile image on your browser en provide the correct css that does not include the 10 px right margin

[sharmstr]

When not logged in, the image is centered and there is no margin right. So, no, I cant see it 🙂

You could try this

COPY CODE

#item-header-avatar .avatar {
    margin-right: -10px;
}

or this

COPY CODE

#item-header-avatar .avatar {
    margin-right: 0 !important;
}

Hopefully the second one works because as I said, it doesnt appear to be happening unless you are logged in.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Attachments:

You must be logged in to view attached files.

[giorgos]

Oops! Apologies, indeed I forget to clear the cache for the page 🙁 The second code worked fine.
Much appreciate your help @sharmstr

[sharmstr]

Great!

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts