Profile Content Block Photo Height Problem
stevedot
Registered Users Posts: 2 Beginner grinner
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;
}
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;
}
0
Comments
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.
Former SmugMug Product Team
aaron AT aaronmphotography DOT com
Website: http://www.aaronmphotography.com
My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
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!
Kind regards, Steve