3D FlipBook - Not working properly on mobile

could you write a link to the page where you use the plugin?

https://wisdomebooksclub.com/book-library-members-only/ but this page is actually restricted to members only.

Yesterday, I read that I had to use this code:

<style type="text/css">
.fb-layout {
    background-color: #dbdbdb;
    border-radius: 5px;
    height: 500px;
    border: 3px solid #b88917;
}
.fb-layout .fullscreen {
    background-color: #dbdbdb;
}
</style>

It worked on my end, and it is perfect. But is there any way I can encode that code in the 3dflipbook itself without me having to create a page/post?

This content is for premium members only.

Yeah but it is okay now, I have figured it out. My next question is can I encode the code above to the flipbook itself like maybe I can put it somewhere in extra class or extra element or something? So then, I would not have to create a page.

add in your theme style sheet:

.fb-layout {
    background-color: #dbdbdb;
    border-radius: 5px;
    height: 500px;
    border: 3px solid #b88917;
}
.fb-layout .fullscreen {
    background-color: #dbdbdb;
}

and use only CSS class fb-layout in shortcodes.

Got it. Thanks a lot! :)

In the 3D Flipbook Settings under CSS text for skin customization, can I add classes=fb-layout? So that the shortcodes would automatically code classes=fb-layout?

If you want to get this effect for all books insert in your stylesheet:

.fb3d-fullscreen-mode {
    background-color: #dbdbdb;
    border-radius: 5px;
    height: 500px;
    border: 3px solid #b88917;
}
.fb3d-fullscreen-mode .fullscreen {
    background-color: #dbdbdb;
}

instead of

.fb-layout {
    background-color: #dbdbdb;
    border-radius: 5px;
    height: 500px;
    border: 3px solid #b88917;
}
.fb-layout .fullscreen {
    background-color: #dbdbdb;
}

all inline books has class fb3d-fullscreen-mode

I read this with interest. I am having problems with an iPhone, not displaying the flipbook. Click on the Exit Mobile at the bottom of the page and the flipbook is seen and works ok. I tried this code in my theme, "Astra's" additional CSS section. I now see the change as long as I am NOT in Mobile Mode. In Mobile Mode, I now see a brown line from the border, that's it. Unfortunately, the page is behind a membership wall so the link will not help much. Thanks