Profile Content Block Photo Height Problem

stevedotstevedot Registered Users Posts: 2 Beginner grinner
edited January 3, 2016 in SmugMug Support
Having been away from my site stevedot.smugmug.com for a while I realise that my profile header photo has now expanded to fill two-thirds of the screen! I had previously had a bit of CSS which constrained it but this no longer seems to be working. :scratch
The photo I use for the background is sized 2288 x 381 so is not that big to start with (I have put a copy here https://stevedot.smugmug.com/Italy/Venice-2005/i-r6DQx2Q/A).
Any idea what the problem might be please? I think the CSS I was using was this (I say think as I tried changing it today to sort the problem out and have forgotten where i started!):

.sm-page-widget-profile-coverphoto .sm-image-aspect-ratio {
padding-bottom:20% !important;
}

Thanks in advance.
Steve

PS This is happening with IE11, Firefox & Edge.

PPS This CSS doesn't work either:

/* Change height of Coverphoto */
.sm-page-widget-profile-coverphoto .sm-tile-content {
padding-bottom:25% !important;
}

Comments

  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited January 2, 2016
    This CSS should control the height of your cover photo:
    /* Change the height of the cover photo */
    .sm-page-widget-profile-v2-coverimage .sm-image-aspect-ratio {
        padding-bottom: 10% !important;
    }
    

    Looks like it's because we added "-v2-" to the class name. I wanted to use new class names when we make design changes because we never know if peoples custom CSS will completely destroy your site when we make these changes. Going with a new class name entirely means that your site at least looks OK until you're able to go in and update the CSS again. I'd hate for you to have had a broken website for the last few months just because we made a design change. We are working on some things so we notify you when things change, so hopefully we'll avoid surprises like this in the future.
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • stevedotstevedot Registered Users Posts: 2 Beginner grinner
    edited January 3, 2016
    Hello,
    Many thanks for your reply. That's certainly fixed it - although I increased the percentage to 18% to get the image to fill the width of the screen.
    It would be good to have notification of future changes - although it is probably time I updated the look of my site anyway! thumb.gif
    Kind regards, Steve
Sign In or Register to comment.