Get rid of small landscape icons to left of Gallery titles

tsinsf

On my homepage, my Gallery thumbnails and titles are below the Slideshow. To the left of all the titles is a small landscape icon. I would like to get rid of all of these. Thanks!!

thenickdude

Check out the section called "hide the gallery icon for more caption room on thumbnails" on this page:

http://www.sherlockphotography.org/Customisations/Smaller-gallery-icons

nine22

I couldn't get it to work on my site. Below is what I put in my page wide css box..

/* But continue to display "locked" icon for passworded galleries: */
.sm-page-widget-galleries .sm-tile-locked .sm-tile-type-icon {
    display:inline-block;
}

/* Remove gallery icon + center gallery captions */
.sm-page-widget-galleries .sm-tile-type-icon {
    display:none;
}
.sm-page-widget-galleries .sm-tile-info {
    text-align:center;
}

thenickdude

Did you get that working now? Your homepage doesn't seem to be showing the icons for me now. You might have to refresh in your browser.

nine22

Lamah wrote: »

Did you get that working now? Your homepage doesn't seem to be showing the icons for me now. You might have to refresh in your browser.

Nope, my home pages is not where my galleries and folders are...go to http://www.nine22.com/Clients multiple browsers still showing icons

thenickdude

Ah okay, it's because you're using a folders block instead of a galleries one. Where it says .sm-page-widget-galleries in the CSS, change it to .sm-page-widget-folders

nine22

Lamah wrote: »

Ah okay, it's because you're using a folders block instead of a galleries one. Where it says .sm-page-widget-galleries in the CSS, change it to .sm-page-widget-folders

that worked, for the 1st level, how do I get rid of the folder icons and gallery icons on the next levels?

So I have Sports(no icon icon now)> Cross Country(still has folder icon)>Event(has gallery icon>)

thenickdude

At the next level down you've got a Galleries, Pages and Folders block. If you just want to apply this to every kind of galleries block, use:

/* Remove gallery icon + center gallery captions */
.sm-page-widget-galleries .sm-tile-type-icon, .sm-page-widget-folders .sm-tile-type-icon, .sm-page-widget-nodes .sm-tile-type-icon, .sm-page-widget-pages .sm-tile-type-icon {
    display:none;
}

/* But continue to display "locked" icon for passworded galleries: */
.sm-page-widget-galleries .sm-tile-locked .sm-tile-type-icon, .sm-page-widget-folders .sm-tile-locked .sm-tile-type-icon, .sm-page-widget-nodes .sm-tile-locked .sm-tile-type-icon, .sm-page-widget-pages .sm-tile-locked .sm-tile-type-icon {
    display:inline-block;
}

.sm-page-widget-galleries .sm-tile-info, .sm-page-widget-folders .sm-tile-info, .sm-page-widget-nodes .sm-tile-info, .sm-page-widget-pages .sm-tile-info {
    text-align:center;
}

wizardry

Hi Tony,
Just a quick heads up. By you having your breadcrumbs turned off, it makes it extremely hard to navigate your site when you are viewing images in a gallery..nice stuff BTW ;-)

nine22

Thanks Lamah, that looks much better!

TheBradford

Cool I ran into the same problem and replaced galleries with folders, pasted, then pasted galleries again to center all of them. Looks great. Now my next question builds on this change. How do I get the text to not fade when my mouse hovers over. Is there any CSS that can also make the weight of that text thicker/bolder. That font I have elsewhere too, specifically my menu which I am also trying to figure out how to make larger and 3-4 bolder.

Darter02

This worked great for getting rid of all my icons but the page icons. I have a page with a display block of pages on it. Any ideas on how to eliminate them as well?

Thanks!

Darter02

Never mind, I figured out what I did incorrectly. Thanks anyway for the code posted here.