3D FlipBook - How do you center books in the gallery?

t***t@icloud.com

2023-01-07

2023-01-11

I've uploaded several books and displayed them by categories.
The books are showing up without issue, however, they are all aligned with the left side of the column.
I'd like to have them centered in the middle of each column, however, I'm not sure how to make that happen.

I should be able to setup a custom CSS class and link to that - but it's not working. Specifically, I use the TD-Layout code demonstrated in the YouTube video. It works great for a single page, but I wasn't able to make it work for the gallery.

I've reviewed the following YouTube videos:
https://www.youtube.com/watch?v=40UAZgebTNU
https://www.youtube.com/watch?v=1SbHrjTZATg
https://www.youtube.com/watch?v=ekpAGfmPI5k
https://www.youtube.com/watch?v=WuJxW_eGv6E

Any thoughts or suggestions?

Replies

a***r@3dflipbook.net

2023-01-09

You can do like this:

<style>
 .flipbook td {
  text-align: center;
 }
</style>
<div class="flipbook">
 [3d-flip-book mode="thumbnail-lightbox" cols="3" tax="" title="true"][/3d-flip-book]
</div>