Announcement

Collapse
No announcement yet.

Increase the avatar of your Forum

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • jkotlowski
    replied
    Originally posted by Glenn Vergara View Post
    Then it's not a CSS problem. Check the avatar maximum width and height settings for each of the usergroup in AdminCP.
    They're all set to 200x275 or larger.

    Leave a comment:


  • glennrocksvb
    replied
    Then it's not a CSS problem. Check the avatar maximum width and height settings for each of the usergroup in AdminCP.

    Leave a comment:


  • jkotlowski
    replied
    Originally posted by Glenn Vergara View Post
    I can see that the avatars are displaying as 100x100 in the threads. By default they display as 64x64. So it looks like you don't have any issues. You have this custom CSS in css_additional:

    Code:
    .b-avatar--m > img {
    max-height: 275px!important;
    max-width: 200px !important;
    height: auto!important;
    width: auto!important;
    }
    This causes the avatars to display in its full/actual size if they are not larger than 200x275. And the actual avatar size is 100x100.
    The issue is that it's shrinking the avatars. For example, my avatar on the site is this.



    It's 200x275 so it should display at 200x275, but it's being shrunk to 73x100



    Avatars within a thread were being displayed at their maximum sizes (max of 200 W) before the update. Then as soon as the update was completed, the avatars were suddenly being displayed with a max width of 100.

    -edit-

    http://i.imgur.com/UALwQlT.jpg

    Here is a screenshot from June that showed how large displayed avatars were before the update. As you can see, they're much larger than 100x100.
    Last edited by jkotlowski; Tue 9 Aug '16, 2:36pm.

    Leave a comment:


  • glennrocksvb
    replied
    I can see that the avatars are displaying as 100x100 in the threads. By default they display as 64x64. So it looks like you don't have any issues. You have this custom CSS in css_additional:

    Code:
    .b-avatar--m > img {
        max-height: 275px!important;
        max-width: 200px !important;
        height: auto!important;
        width: auto!important;
    }
    This causes the avatars to display in its full/actual size if they are not larger than 200x275. And the actual avatar size is 100x100.

    Leave a comment:


  • jkotlowski
    replied
    Originally posted by Glenn Vergara View Post
    Could you post a link to your site?
    http://www.t5forums.com/

    Leave a comment:


  • glennrocksvb
    replied
    Could you post a link to your site?

    Leave a comment:


  • jkotlowski
    replied
    Originally posted by Glenn Vergara View Post
    There was a report by a user in 5.2.3 discussion that content of css_additional template got wiped away after the upgrade. Do you have other custom CSS that also stopped working?
    I've only got two custom CSS codes right now. The first one is for the avatar sizes.

    Code:
    .l-col__flex-3, .l-row__fixed--left > .l-col__flex-3 {
    margin-left: 240px!important;
    }
    .b-userinfo__details {
    width: 225px;
    margin-left: -10px;
    }
    .l-desktop .b-userinfo {
    width: 210px;
    }
    .b-avatar--m {
    height: auto!important;
    width: auto!important;
    }
    
    .b-avatar--m > img {
    max-height: 275px!important;
    max-width: 200px !important;
    height: auto!important;
    width: auto!important;
    
    }
    [USER="3396"]media[/USER] only screen and (max-width: 783px) {
    .l-col__flex-3, .l-row__fixed--left > .l-col__flex-3 {
    margin-left:0px!important;
    float:none!important;
    }
    .b-userinfo__details {
    margin-left: 0;
    display:none;
    }
    
    .b-avatar--m {
    height: auto!important;
    width: auto!important;
    }
    
    .b-avatar--m > img {
    max-height: 100px!important;
    max-width: 60px !important;
    height: auto!important;
    width: auto!important;
    }}
    That one stopped functioning.

    The other is for restricting signature image bbcode sizes.

    Code:
    .post-signature img {max-width: 600px;}
    
    [USER="3396"]media[/USER] only screen and (max-width: 783px) {
      .post-signature img {max-width: 300px;}
    This one still works.

    Leave a comment:


  • glennrocksvb
    replied
    There was a report by a user in 5.2.3 discussion that content of css_additional template got wiped away after the upgrade. Do you have other custom CSS that also stopped working?

    Leave a comment:


  • jkotlowski
    replied
    So... It seems that the upgrade to 5.2.3 broke the CSS code I was using to increase the sizes of avatars and now they're disgustingly small again. I've tried tinkering, but I'm not entirely sure why the code stopped working afterwards. (Seriously... If we can make responsive avatars through additional CSS like I had before the upgrade, why can't vbulletin just put that support in natively? Surely my members aren't the only people in VB5 that absolutely hate the stupid size restriction)

    Leave a comment:


  • jkotlowski
    commented on 's reply
    Thank you! I'll give it a shot as soon as I am off work.

  • josueinaki
    commented on 's reply
    Sorry for delay, put this in your css additional and adjust as you need
    Code:
    .l-col__flex-3, .l-row__fixed--left > .l-col__flex-3 
    {
        margin-left: 250px;//<---change here
    }

  • jkotlowski
    commented on 's reply
    josueinaki

    Apologies for the belated reply. I hadn't checked the site in quite some time...

    http://www.t5forums.com/

  • josueinaki
    commented on 's reply
    can you send me your site?

  • jkotlowski
    replied
    So, did anyone figure this out 100%?

    josueinaki Aros12

    Sorry to bother. I'm trying to get my avatars up to 175x250. Using the code on the first post here, I'm able to do about 150 width. After that, the avatar begins sliding under the post and is no longer visible. The postbit doesn't seem to get wider with the size of the image.

    Leave a comment:


  • Aros12
    replied
    Fixed. Thanks again for the help!

    Leave a comment:

Related Topics

Collapse

Working...
X