Options

Folders, Galleries, and Pages content block

Trevor MartinTrevor Martin Registered Users Posts: 8 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

  • Options
    AllenAllen Registered Users Posts: 10,011 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 index | My Blog
  • Options
    leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited October 16, 2013
    Trevor Martin wrote: »
    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;
}
    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
  • Options
    Trevor MartinTrevor Martin Registered Users Posts: 8 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.