Options

Head's are cut off at the folder view level.

spider-tspider-t Registered Users Posts: 443 Major grins
edited August 12, 2013 in SmugMug Customization
Hi, I like this landscape view at the folder level, but it cuts off heads. Is there a way to change the thumbnail cropping view in this folder view?

thanks,
Trish

Comments

  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited August 11, 2013
    spider-t wrote: »
    Hi, I like this landscape view at the folder level, but it cuts off heads. Is there a way to change the thumbnail cropping view in this folder view?

    thanks,
    Trish
    See if this will help.
    http://www.sherlockphotography.org/Customisations/Avoid-cutting-off-heads
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    spider-tspider-t Registered Users Posts: 443 Major grins
    edited August 11, 2013
    Thanks Allen,

    I did have a look at that post. It seems with that edit I would have to alter all the galleries thumbnail views. And it seemed to be dealing with square thumbnails. I also assumed there would be a way to change the featured thumbnail crop since there used to be.

    And on top of that, I looked around for a place to put that CSS code just to try it and came up short. Do you know where the code goes?

    best,
    Trish
    Allen wrote: »
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited August 11, 2013
    spider-t wrote: »
    Thanks Allen,

    I did have a look at that post. It seems with that edit I would have to alter all the galleries thumbnail views. And it seemed to be dealing with square thumbnails. I also assumed there would be a way to change the featured thumbnail crop since there used to be.

    And on top of that, I looked around for a place to put that CSS code just to try it and came up short. Do you know where the code goes?

    best,
    Trish
    Go to a page to test. Click "all folders" on left. Find CSS APP for all folders on page and paste in there.
    Then hit Preview and see what happens.
    You can remove the CSS after checking just don't click "Done" and publish..
    If this don't work might be able to change CSS to your image format.
    /* 
     * Instead of vertically centering portrait images within their tiles (a 50% shift downwards), 
     * top-align these to prevent peoples' heads from being cut off.
     */
    .sm-page-widget-galleries .sm-tiles-center-image img.sm-tile-portrait, 
    .sm-page-widget-nodes .sm-tiles-center-image img.sm-tile-portrait, 
    .sm-page-widget-pages .sm-tiles-center-image img.sm-tile-portrait, 
    .sm-page-widget-folders .sm-tiles-center-image img.sm-tile-portrait {
      top: 0;
      -webkit-transform: translate(0,0);
      -moz-transform: translate(0,0);
      -ms-transform: translate(0,0);
      -o-transform: translate(0,0);
      -webkit-transform: translate(0,0);
      transform: translate(0,0);
    }
    
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    spider-tspider-t Registered Users Posts: 443 Major grins
    edited August 12, 2013
    I'm sorry to be dense, but I don't see anything that says "all folders". What page should I go to?
    Allen wrote: »
    Go to a page to test. Click "all folders" on left. Find CSS APP for all folders on page and paste in there.
    Then hit Preview and see what happens.
    You can remove the CSS after checking just don't click "Done" and publish..
    If this don't work might be able to change CSS to your image format.
    /* 
     * Instead of vertically centering portrait images within their tiles (a 50% shift downwards), 
     * top-align these to prevent peoples' heads from being cut off.
     */
    .sm-page-widget-galleries .sm-tiles-center-image img.sm-tile-portrait, 
    .sm-page-widget-nodes .sm-tiles-center-image img.sm-tile-portrait, 
    .sm-page-widget-pages .sm-tiles-center-image img.sm-tile-portrait, 
    .sm-page-widget-folders .sm-tiles-center-image img.sm-tile-portrait {
      top: 0;
      -webkit-transform: translate(0,0);
      -moz-transform: translate(0,0);
      -ms-transform: translate(0,0);
      -o-transform: translate(0,0);
      -webkit-transform: translate(0,0);
      transform: translate(0,0);
    }
    
  • Options
    spider-tspider-t Registered Users Posts: 443 Major grins
    edited August 12, 2013
    yeah but, can i just change one image?
    ok, so i read the other post and it says just drag it anywhere on the page. not into the all folders section. so that seemed to work. however, i don't like that i have to adjust all galleries by the same amount. it made one look better, but two others look dumb now. so i'd rather be able to adjust just single gallery featured images. anyone have a way to do that?

    thanks,
    trish
    spider-t wrote: »
    I'm sorry to be dense, but I don't see anything that says "all folders". What page should I go to?
Sign In or Register to comment.