Folders, Galleries, and Pages content block

Trevor Martin

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-

Allen

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.

leftquark

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;
}

Trevor Martin

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.