This topic has 9 replies, 2 voices, and was last updated 9 years by johnwerun.

  • Author
  • #22059
     johnwerun
    Participant

    Hi guys,

    My avatars seem to be misaligned (see pic) – any help to resolve this would be much appreciated!

    Thanks,

    John.

    Attachments:
    You must be logged in to view attached files.
    #22071
     Catalin
    Moderator

    Hello,

    Please send me a link to your website to be able to replicate your issue.

    Thank you,
    Catalin

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

    Thanks Catalin,

    The site address is http://www.we-run.co.uk

    Many thanks,

    John.

    #22079
     Catalin
    Moderator

    The error comes from simple tweeter tweets plugin.

    add this code in style.css from your child theme folder:

    COPY CODE
    
    
    .avatar {
    margin-left: 0px !important;
    }
    
    

    Let me know if this works.

    Thank you,
    Catalin

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

    Thanks Catalin,

    That seems to have fixed the misalignment, however I’m now left with an overly thick border which gets cut off along the top and left edges (see pic)

    THhanks for your help with this.

    John.

    Attachments:
    You must be logged in to view attached files.
    #22211
     Catalin
    Moderator

    Hello,

    Please take a look to this link:

    https://archived.seventhqueen.com/forums/topic/buddypress-avatar-borders-not-rounded-and-images-too-small

    Thank you,
    Catalin

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

    Hi Catalin,

    As far as I can see the user in the post you linked solve the problem by changing the colour of the border to match his background colour. This won’t work for me as I use a textured background.

    Please advise how I can get rid of this thick outer border.

    Thanks,

    John.

    #22975
     johnwerun
    Participant

    Can anyone help me with this? I’m a rookie so struggling to troubleshoot this myself.

    Thanks,

    John.

    #23540
     Catalin
    Moderator

    Hello,

    add this code in your style.css file from your child theme folder:

    COPY CODE
    
    
    .rounded
    {
      color: rgba(0, 0, 0, 0);
    }
    
    

    Thank you,
    Catalin

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

    Thanks Catalin,

    This worked when I added !important

    Thanks again, keep up the great work!

    John.

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Avatars misaligned’ is closed to new replies.

Log in with your credentials

Forgot your details?