Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
I am trying to hide the thumbnails button in the toolbar at the top of the default slideshow presentation. If I look at the fullscreen button in the toolbar the code that declares the display as an inline block is associated with the fancybox-button so I can override its display with custom css. The thumbnails button declares the display as an inline block directly in the class definition so is there still a way to override this?
Is this a coding oversight as it is also declared as an inline block through the fancybox-button definition?
Thanks
Offline
what about this:
.fancybox-button--thumbs {
display:none;
}Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Rod,
This works on the other buttons in the toolbar but not on the thumbnails button which is declared like this
<button data-fancybox-thumbs="" class="fancybox-button fancybox-button--thumbs" title="Thumbnails (G)" style="display: inline-block;"></button>
Because the display: inline-block is declared within the element I don't see a way to override it. I think this may be a coding oversight as the inline-block is not declared in the element for the other buttons.
Offline
It worked for me in the inspector, adding that code to the end of my custom css file. But you can always add !important to override inline styling.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Rod,
Thanks for the !important recommendation. That solves my issue on Firefox and Safari, but does not seem to work on Chrome. I'm on the very latest version of Backlight 2 if that makes a difference.
Looking through the forum I notice that you have provided a lot of great help. Thank you again!
Offline
There's no reason !important wouldn't work in Chrome. Trying clearing the browser cache. And it's not an oversight here; near as I can tell, it's just something Fancybox does. I have to assume there's some reason for it, or a context in which it is important.
Offline
Matthew,
Thanks for the response. Clearing the cache took care of it. Sorry to bother you with this and thanks for the great product.
Offline
I am trying to hide the thumbnails button in the toolbar at the top of the default slideshow presentation ...
This will be supported in the next update. Along with options to customize the background and highlight of the thumbnails pallet.
Offline
Thanks for the update. It's custom css for now.
Offline