User Avatar too big but only on Chrome

  • Resolved mjspain82

    (@mjspain82)


    4 years, 1 month ago

    Hi,

    I’m using the theme with buddypress and everything works great. The only problem is that on Google Chrome user avatars are stretched out to fill the container far beyond the 150 px it should be. On Firefox, Safari mobile, Firefox mobile it renders perfectly normally. Can you help me find the cause? I really don’t want to have to take off avatars as I want the group avatars.

    Many thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter mjspain82

    (@mjspain82)

    I’m not sure if it’s caused by the buddypress nouveau template as when I change to legacy template the avatars are corrected. But I really would prefer to keep the nouveau template unless I really can’t fix the issue.

    Hi there,

    try adding this CSS:

    .entry-content .single-headers #item-header-avatar a img {
  max-width: 40px;
  float: left;
}
    Thread Starter mjspain82

    (@mjspain82)

    Hi,

    That worked a treat, I changed the max-width value to 150px to match the full size thumbnail I’m using on the rest of the site. I checked it on Chrome and it works perfectly.

    Many thanks for the very quick reply, great support.

    You’re welcome

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘User Avatar too big but only on Chrome’ is closed to new replies.