Avatar size won't change with 4.1

[ChurchOfPop]

I simply cannot get the avatar size on posts to change to 150x150, i even installed a plug in called "avatar redesigned" and it didn't work. I am hosted through Invision and they upgraded it for me, is it their fault?

[Morrigan]

It's a skinning thing. I have larger avatars on my site as well. Add this to your custom.css in your skin.

.ipsUserPhoto_large img, img.ipsUserPhoto_large, .ipsUserPhoto_large::after {
  height: 150px;
  width: 150px;
}

.cAuthorPane {
  width: 180px;
}

 

[ChurchOfPop]

23 minutes ago, Morrigan said:

It's a skinning thing. I have larger avatars on my site as well. Add this to your custom.css in your skin.

.ipsUserPhoto_large img, img.ipsUserPhoto_large, .ipsUserPhoto_large::after {
  height: 150px;
  width: 150px;
}

.cAuthorPane {
  width: 180px;
}

 

That doesn't work, I've tried several codes that worked on previous themes and NOTHING works.

Thank you for replying and trying to help though :kimcry: 

[Morrigan]

Odd, my avatars are larger than that and it shows on mine. Can you link me to your site?

http://distant-fantasies.net/topic/5447-enchanted-theme/

I love huge avatars.

[ChurchOfPop]

1 minute ago, Morrigan said:

Odd, my avatars are larger than that and it shows on mine. Can you link me to your site?

http://distant-fantasies.net/topic/5447-enchanted-theme/

I love huge avatars.

www.churchofpop.net 

[Morrigan]

Something is overriding it. Try this instead:

.ipsUserPhoto_large img, img.ipsUserPhoto_large, .ipsUserPhoto_large::after {
  height: 150px !important;
  width: 150px !important;
}

.cAuthorPane {
  width: 180px !important;
}

 

[ChurchOfPop]

3 minutes ago, Morrigan said:

Something is overriding it. Try this instead:

.ipsUserPhoto_large img, img.ipsUserPhoto_large, .ipsUserPhoto_large::after {
  height: 150px !important;
  width: 150px !important;
}

.cAuthorPane {
  width: 180px !important;
}

 

Oh my heavens! THANK YOU!!!!

I've been trying for hours and you've saved me :kimcry: 

Thanks so much sis! 

[Morrigan]

No problem my dear! I'm glad it worked.

[ChurchOfPop]

Just now, Morrigan said:

No problem my dear! I'm glad it worked.

Yes the bigger avi's look so much better, yours are huge lol! 

[Morrigan]

Yeah just a smidge but big avatars are what sort of make it all fun and worth it on my community. I make my profile images larger too (including the hover as well).

[ChurchOfPop]

19 minutes ago, Morrigan said:

Yeah just a smidge but big avatars are what sort of make it all fun and worth it on my community. I make my profile images larger too (including the hover as well).

Hey sorry to bother u again but do u know how too return the mobile avatars to normal size they're not overlapping everything on mobile layout.

[Morrigan]

Looking at it, it appears that it's still skin related. just add this after the code above and it "should" fix it.

.cPost.ipsComment .ipsUserPhoto > img {
  height: 50px !important;
  width: 50px !important;
}

This SHOULD keep both in tact.

[ChurchOfPop]

5 minutes ago, Morrigan said:

Looking at it, it appears that it's still skin related. just add this after the code above and it "should" fix it.

.cPost.ipsComment .ipsUserPhoto > img {
  height: 50px !important;
  width: 50px !important;
}

This SHOULD keep both in tact.

It completely stuff it up unfortunately so i removed it.

[Morrigan]

Odd, It has something to do with the skin itself, not with IPB. Did you make the skin or did you purchase it?

[ChurchOfPop]

4 minutes ago, Morrigan said:

Odd, It has something to do with the skin itself, not with IPB. Did you make the skin or did you purchase it?

purchased it

[Morrigan]

What I would recommend is to contact the skin author to have them help you fix it so it works in both. Using (exclusively) a custom.CSS and no other changes what I provided should work which may mean something on the skin is overwriting it.

[maddog107_merged]

Thanks this helped me out too!

[eden buganim]

 

...it helps sometimes!

[Maxxius]

On 11/25/2015 at 6:39 AM, Morrigan said:

It's a skinning thing. I have larger avatars on my site as well. Add this to your custom.css in your skin.

.ipsUserPhoto_large img, img.ipsUserPhoto_large, .ipsUserPhoto_large::after {
  height: 150px;
  width: 150px;
}

.cAuthorPane {
  width: 180px;
}

 

hi @Morrigan how do you calculate how much width should cAuthorPanel should be? For example I will be putting 115px in image dimensions. But how much should I put in the cAuthorPane?

[Morrigan]

On 10/28/2019 at 8:10 AM, Maxxius said:

hi @Morrigan how do you calculate how much width should cAuthorPanel should be? For example I will be putting 115px in image dimensions. But how much should I put in the cAuthorPane?

I take the size plus padding. So in this case it's 150px plus 15px padding on both side's of the avatar. If you want tighter padding you reduce the second number.