Custom CSS and the Other Lightbox

beardedgit

I've got various bits of custom CSS applied to the Gallery Lightbox. Is there a way to customise the Organizer Lightbox so that it looks and acts the same as the custom Gallery Lightbox?

Allen

Only you can get to the organizer on your site. Why change it? No one else will see it.

mrneutron

There is no way to change the organizer lightbox. As Allen said, that's just for your use as the site owner.

thenickdude

You can customise the organiser lightbox by installing a browser extension like Stylish:

https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe

Once installed, add a new style:



Be sure to change the drop down at the bottom to "URLs starting with" and then enter your website's URL (e.g. http://www.sherlockphotography.org/). You might even want to add "organize" to the end of the URL so that it is only applied when you're in the organiser (i.e. http://www.sherlockphotography.org/organize ).

Various class names are different in the organiser, so you'll need to adapt your code a little. Notably, the .sm-user-ui class isn't present anywhere, so you would need to replace that with something like .sm-nui instead.

beardedgit

Allen wrote: »

Why change it? No one else will see it.

Well, I was taking your advice... "tweak 'til it squeaks"... looks like this one squeaks

Gallery Lightbox:



Organizer Lightbox:




Anyway, as mrneutron says, it can't be changed, so it matters not.

beardedgit

Lamah wrote: »

You can customise the organiser lightbox by installing a browser extension like Stylish...

Cheers, Nicholas, I'll look into that

thenickdude

Here's the Stylish download page for Firefox:

https://addons.mozilla.org/en-US/firefox/addon/stylish/

tobeme

I want to maintain the organizer layout as it is. However, is there a way to enlarge the size of the thumbnails? Thanks

thenickdude

tobeme wrote: »

I want to maintain the organizer layout as it is. However, is there a way to enlarge the size of the thumbnails? Thanks

Not with CSS, as it's hard-coded to always load Ti-size images (100 pixel) on regular displays.

You could probably do it with a JavaScript hack and inject it with Tampermonkey or Greasemonkey, but writing it would be more trouble than it's worth.

tobeme

Okay. Thanks for the info.