Folders, Galleries, and Pages content block

Trevor MartinTrevor Martin Beginner grinnerPosts: 8Registered Users Beginner grinner
edited October 16, 2013 in SmugMug Customization
I'm having some trouble with the "Folders, Galleries, and Pages" content block. I have created a page with this content block and have populated it with the galleries and folders I want without a problem, but I can't get the page looking the way I want.

What I would like to do is remove the icon and center the text below each gallery or folder. I have the CSS code to achieve this is the CSS block applied to the entire site. It works fine everywhere except on this page.

This is how I want it to work:

i-MFWcQ4S-S.png

This is how it appears despite having the CSS applied to the whole site:

i-NNtrsp8-S.png

Is there a solution to this or is this another bug that needs to be fixed by smugmug?
-Thanks-

Comments

  • AllenAllen "tweak 'til it squeaks" St. Louis, MoPosts: 9,769Registered Users Major grins
    edited October 16, 2013
    The "Folders, Galleries, and Pages" content block probably has a different class name then the folders block.
    Might need to add it to the CSS rule.
    Al - Just a volunteer here having fun
    My Website | My Blog
  • leftquarkleftquark SmugMug Product Team Posts: 3,709Administrators, Vanilla Admin, SmugMug Product Team SmugMug Employee
    edited October 16, 2013
    I'm having some trouble with the "Folders, Galleries, and Pages" content block. I have created a page with this content block and have populated it with the galleries and folders I want without a problem, but I can't get the page looking the way I want.

    What I would like to do is remove the icon and center the text below each gallery or folder. I have the CSS code to achieve this is the CSS block applied to the entire site. It works fine everywhere except on this page.

    This is how I want it to work:


    This is how it appears despite having the CSS applied to the whole site:

    Is there a solution to this or is this another bug that needs to be fixed by smugmug?
    -Thanks-

    This should do the trick for you:
    /* Hide the gallery name icon */
    .sm-tiles-grid .sm-tiles-list .sm-tile-info .sm-tile-info-icon {
       display: none;
    }
    
    /* Align the text in the center */
    .sm-tiles-grid .sm-tiles-list .sm-tile-info .sm-tile-title {
       text-align: center;
    }
    
    SmugMug Director of Product / dGrin Afficionado
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • Trevor MartinTrevor Martin Beginner grinner Posts: 8Registered Users Beginner grinner
    edited October 16, 2013
    leftquark wrote: »
    This should do the trick for you:
    /* Hide the gallery name icon */
    .sm-tiles-grid .sm-tiles-list .sm-tile-info .sm-tile-info-icon {
       display: none;
    }
    
    /* Align the text in the center */
    .sm-tiles-grid .sm-tiles-list .sm-tile-info .sm-tile-title {
       text-align: center;
    }
    

    Thanks! That did it.
Sign In or Register to comment.