Center the Galleries, Pages & Folders block.

flyingwolfflyingwolf Registered Users Posts: 57 Big grins
edited October 4, 2013 in SmugMug Customization
I have the Galleries, Pages and Folders block on my page, however it pushes itself to the left, and leaves a wide empty space to the right on larger screens, as screens get smaller the galleries begin go tline up then to my dismay create two rows rather than getting smaller.

Help.

Note, I have not yet transitioned to the new smugmug, can provide screenshots on request.

Comments

  • basfltbasflt Registered Users Posts: 1,882 Major grins
    edited October 3, 2013
    you drag n dropped them into the left panel instead of main field perhaps ?
  • flyingwolfflyingwolf Registered Users Posts: 57 Big grins
    edited October 3, 2013
    I was hoping you were correct and I had simply goofed, but no such luck.

    I am linking to what I am seeing here, posting the image would be huge.

    http://dl.dropbox.com/u/10158027/ScreenCaps/-10-03-13.png

    I just want those 4 boxes to self center.
  • ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited October 3, 2013
    I have the same problem so your question inspired me to dig a little.
    I see under Layout that:
    - choosing Fixed Layout pops up an option to center (bottom of my snapshot)
    - but choosing Stretchy makes the center option disappear.

    I'm not sure why Stretchy would require left justification.
    I have a feeling the fix is with CSS rather than a SM setting (and that's not something I can help with, unfortunately).

    gwen
  • flyingwolfflyingwolf Registered Users Posts: 57 Big grins
    edited October 3, 2013
    ChancyRat wrote: »
    I have the same problem so your question inspired me to dig a little.
    I see under Layout that:
    - choosing Fixed Layout pops up an option to center (bottom of my snapshot)
    - but choosing Stretchy makes the center option disappear.

    I'm not sure why Stretchy would require left justification.
    I have a feeling the fix is with CSS rather than a SM setting (and that's not something I can help with, unfortunately).

    gwen


    Funny enough even choosing that option while in fixed does not center the items in my experience.
  • ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited October 3, 2013
    In the gallery I tested this for (changed fixed to stretchy), it worked perfectly.
    I'm curious, do you have a left sidebar?
    (Found under the content tab, scroll to bottom.)
    I accidentally put one on entire site, when I meant to put into homepage only. This caused everything to move too far to the right even when centered.
  • ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited October 3, 2013
    On the settings (wrench on the highlighted top bar of the block), are the margins set to move the block too far in one direction?
  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited October 3, 2013
    Try adding this to your theme's CSS. I made it pretty generic, so if screws up other things, let me know, and i can make more specific:
    .sm-page-widget-header, .sm-tiles-grid {
      text-align: center;
    }
    
    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
  • flyingwolfflyingwolf Registered Users Posts: 57 Big grins
    edited October 4, 2013
    leftquark,

    It worked perfectly, thank you.
  • flyingwolfflyingwolf Registered Users Posts: 57 Big grins
    edited October 4, 2013
    Well crap, either I do not have the correct class or I am a complete idiot but I cannot seem to target the profile block to center it as well.

    Really smugmug, how hard is it to let us center items. If I set the width of an item to less than 100% you would think I would have options to left, right or center the damn thing.

    Leftquark, any more brilliant code you could toss into there?
  • flyingwolfflyingwolf Registered Users Posts: 57 Big grins
    edited October 4, 2013
    Since I believe in giving back.

    I id the following in the CSS on just the homepage so that it only affected that particular usage of the profile block.
    .sm-page-widget-profile {
        width:80%; 
        margin-left:auto; 
        margin-right:auto;
    }
    

    Change the 80% to whatever size you want, I wanted a nice 80% of the page, the margin will keep it centered.

    Note that IE won't like this much.

    You could add a text-align:center; to it which IE would love, but then this will center all of your text in the bio field.
  • brandofamilybrandofamily Registered Users Posts: 2,013 Major grins
    edited October 4, 2013
    flyingwolf wrote: »
    Since I believe in giving back.

    I id the following in the CSS on just the homepage so that it only affected that particular usage of the profile block.
    .sm-page-widget-profile {
        width:80%; 
        margin-left:auto; 
        margin-right:auto;
    }
    
    Change the 80% to whatever size you want, I wanted a nice 80% of the page, the margin will keep it centered.

    Note that IE won't like this much.

    You could add a text-align:center; to it which IE would love, but then this will center all of your text in the bio field.

    did you try "margin:0 auto" ?
  • flyingwolfflyingwolf Registered Users Posts: 57 Big grins
    edited October 4, 2013
    did you try "margin:0 auto" ?

    I did not, thanks.

    I have spent the past week running back and forth between 12 hour work days and 4 football games on Sunday shooting rain or shine.

    My brain is fried.

    The things I do for charity. ne_nau.gif
Sign In or Register to comment.