1 - How do I change the textured background image on full screen? I'd like to either replace it with another image or a solid colour?
2 - Is there a way to auto load in lightbox mode but keep the document in Inline on page (fullscreen)?
Thanks Chris
/*inline on page*/ ._3d-flip-book .full-size.fullscreen { background-image: none; background-color: #f00; } /*All lightboxes*/ .fb3d-modal.visible .mount-container.fullscreen { background-image: none; background-color: #f00; }
[3d-flip-book mode="fullscreen" id="2410"][/3d-flip-book] [3d-flip-book mode="link-lightbox" id="2410" classes="fb3d-auto-launch"][/3d-flip-book]
instead of fb3d-auto-launch you can use share link, it also launches lightbox.
fb3d-auto-launch
That's great thanks. If for 1 I simply want to change the image used as the background what would I do?
Add in your theme styles:
/*inline on page*/ ._3d-flip-book .full-size.fullscreen { background-image: url('http://example.com/image.png'); } /*All lightboxes*/ .fb3d-modal.visible .mount-container.fullscreen { background-image: url('http://example.com/image.png'); }
/*inline on page*/ ._3d-flip-book .full-size.fullscreen { background-image: none; background-color: #f00; } /*All lightboxes*/ .fb3d-modal.visible .mount-container.fullscreen { background-image: none; background-color: #f00; }instead of
fb3d-auto-launchyou can use share link, it also launches lightbox.That's great thanks. If for 1 I simply want to change the image used as the background what would I do?
Add in your theme styles:
/*inline on page*/ ._3d-flip-book .full-size.fullscreen { background-image: url('http://example.com/image.png'); } /*All lightboxes*/ .fb3d-modal.visible .mount-container.fullscreen { background-image: url('http://example.com/image.png'); }