3D FlipBook - Changing the textured background image on full screen

c***s@findyourinterval.com
2023-02-17
2023-02-22

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

Replies

a***r@3dflipbook.net
2023-02-22
2023-02-22
  1. set the book background in Book Editor-> Book properties or use css:
    /*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;
    }
    
  2. Insert twice:
    [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.

c***s@findyourinterval.com
2023-02-22
2023-02-22

That's great thanks. If for 1 I simply want to change the image used as the background what would I do?

a***r@3dflipbook.net
2023-02-24
2023-02-24

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');
}
Log In to leave a comment