Consequences of changing the profile banner width

This topic contains 16 replies, has 4 voices, and was last updated by  Patrik 5 years, 11 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #2080

    directoryfan
    Free User
    Post count: 157

    Hello Support Team,

    under UsersWP:Profile settings I have changed the profile banner width from 1000 to 1400px because I want to have as less as possible image sizes for the users. I think, I do not really understand the use of this option.

    The recommended image size remains 1000×300 and now I have different sizes for the height of the banner, when I list the users. So I didn’t consider the ratio change (1400 x 420 px) and the users neither and they uploaded banners with the width 1400 px. And the cropping tool does not consider the change neither, so it is not possible to crop higher as 300px. Now they cannot change the banner, since the text to upload a new one has been overlapped by the profile image. The maximum size that can get a banner image on the frontend is around 831 x 178 px, if I change the banner width to 1400px.

    1. Why do we have this option to set the banner width and how should we properly use it? (this is more like the min width, but why)
    2. What do I need to change as admin in order to have the same banner size for all users?
    3. I can make the link text “Update Cover Photo” visible, when I change the stack order of the html element with z-index:100. Is this the right way to do it?
    4. Is this normal, that the crop function does not consider the ratio change of the banner image?

    Greetings, Marius

    #2081

    directoryfan
    Free User
    Post count: 157
    This reply has been marked as private.
    #2084

    Alex Rollin
    Moderator
    Post count: 27815

    Interesting, thank you for bringing this to our attention.

    I will bring this to the attention of the developers.

    Would you mind sharing site access so we can see how the config on the site has generated the issue?

    WordPress Credentials
    WP Admin Login URL:
    WP Admin Username:
    WP Admin Password:

    FTP is optional, but can be very helpful
    FTP Credentials
    FTP Host:
    FTP Port:
    FTP User:
    FTP Password:

    #2086

    directoryfan
    Free User
    Post count: 157
    This reply has been marked as private.
    #2089

    Alex Rollin
    Moderator
    Post count: 27815

    Please post the credentials here

    thanks

    #2091

    directoryfan
    Free User
    Post count: 157
    This reply has been marked as private.
    #2092

    Alex Rollin
    Moderator
    Post count: 27815

    Thanks, I have flagged this for a deeper look, but it may be next week when the team comes back to the office before we can get to it.

    #2093

    directoryfan
    Free User
    Post count: 157

    That is ok, thank you.

    #2096

    Alex Rollin
    Moderator
    Post count: 27815
    This reply has been marked as private.
    #2114

    directoryfan
    Free User
    Post count: 157

    Thank you Alex for your troubleshooting.

    A. UsersWP has now its original login page with the shortcode inside.
    B. Just teachers, I could exclude by ID the admins and support team.

    1. This is fine.
    2. Well, this doesn’t work, the profile banners does not change after changing the width, the banners downloaded before remain the same.
    3. ok
    4. ok

    I. Yes, the banners should have all the same size. What do you mean with unconstrained?

    Thank you a lot, Marius

    #2126

    Kor
    Moderator
    Post count: 16516
    This reply has been marked as private.
    #2135

    directoryfan
    Free User
    Post count: 157

    Hi Kor,

    the site is online and accessible. You can try again.

    Thx, Marius

    #2146

    Kor
    Moderator
    Post count: 16516

    Hi Marius,

    Thanks for your reply. Try using the custom CSS code below and see if it helps.

    
    
    .uwp_page .uwp-content-wrap .uwp-profile-header-img img {
        max-height:90px!important;
        object-fit: cover!important;
    }
    #2176

    directoryfan
    Free User
    Post count: 157

    Hi Kor,

    thank you for your snippet. Actually I would like to have the max-height over 200, for some reason this is not working, the height is constrained by some other div. But it looks now better, I’m not sure if this is optimal:

    
    
    
    /*  UWP - banner height and image link */
    .uwp_page .uwp-content-wrap .uwp-profile-header-img img {
        max-height:220px!important;
        object-fit: cover!important;
    }
    .uwp_page .uwp-content-wrap .uwp-profile-header-img:hover .uwp-profile-banner-change {
        z-index: 100!important;
    }
    #2179

    Kor
    Moderator
    Post count: 16516
    This reply has been marked as private.
Viewing 15 posts - 1 through 15 (of 17 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket