3D FlipBook - Title on Top instead at the bottom

e***e@f9.do

2023-03-07

2023-03-14

Hi,

is it possible to change the title position to the top of a thumbnail?

Replies

a***r@3dflipbook.net

2023-03-14

Hi,

Add this style in your theme styles:

.fb3d-thumbnail-lightbox-mode.fb3d-top-title .book-heading h3 {
  bottom: auto;
  top: -100%;
  transition: top .3s ease .2s;
}
.fb3d-thumbnail-lightbox-mode.fb3d-top-title:hover .book-heading h3 {
  bottom: auto;
  top: 10px;
}
.fb3d-thumbnail-lightbox-mode.fb3d-top-title.fb3d-fix-title .book-heading h3 {
  bottom: auto;
  top: 10px;
}

when generating 3D FlipBook shortcode apply an extra CSS class fb3d-top-title:

[3d-flip-book mode="thumbnail-lightbox" id="2522" title="true" classes="fb3d-top-title,fb3d-fix-title"][/3d-flip-book]