# Flipbook

**URL:** https://community.elfsight.com/c/css-codes/flipbook/227.md

[Latest](https://community.elfsight.com/latest.md) · [Categories](https://community.elfsight.com/categories.md) · [Tags](https://community.elfsight.com/tags.md)

---

## [Change font size of the title](https://community.elfsight.com/t/change-font-size-of-the-title/139373)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [September 5, 2025, 6:11pm UTC](https://community.elfsight.com/t/change-font-size-of-the-title/139373 "2025-09-05T18:11:54Z")

</div>

Add this code to the Custom CSS field on the Design tab of your Flipbook widget’s settings: \[class\*='flipbook-component\_\_Title-sc'\] { font-size: 16px; }

---

## [Hide 3 dots from the the toolbar](https://community.elfsight.com/t/hide-3-dots-from-the-the-toolbar/139372)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [September 5, 2025, 6:10pm UTC](https://community.elfsight.com/t/hide-3-dots-from-the-the-toolbar/139372 "2025-09-05T18:10:58Z")

</div>

Add this code to the Custom CSS field on the Design tab of your Flipbook widget’s settings: .global-styles, .dropup.widSettings { display: none; }

---

## [Hide Share button](https://community.elfsight.com/t/hide-share-button/139371)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [September 5, 2025, 6:09pm UTC](https://community.elfsight.com/t/hide-share-button/139371 "2025-09-05T18:09:46Z")

</div>

Add this code to the Custom CSS field on the Design tab of your Flipbook widget’s settings: .cmdCustomShare { display: none !important; }

---

## [Hide toolbar under the flipbook](https://community.elfsight.com/t/hide-toolbar-under-the-flipbook/129748)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 3\
**Last updated:** [August 12, 2025, 8:36am UTC](https://community.elfsight.com/t/hide-toolbar-under-the-flipbook/129748 "2025-08-12T08:36:58Z")

</div>

Add this code to the Custom CSS field on the Design tab of your Flipbook widget’s settings: \[class\*="toolbar"\] { display:none; }

---

## [Place widget higher on the page](https://community.elfsight.com/t/place-widget-higher-on-the-page/130782)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [July 11, 2025, 10:12am UTC](https://community.elfsight.com/t/place-widget-higher-on-the-page/130782 "2025-07-11T10:12:55Z")

</div>

Add this code to the Custom CSS field on the Design tab of your Flipbook widget’s settings: \[class\*="widget\_\_Container-sc-"\] { margin-bottom: 70px; }

---

## [Remove yellow highlighting of elements with links](https://community.elfsight.com/t/remove-yellow-highlighting-of-elements-with-links/91225)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [December 24, 2024, 5:05pm UTC](https://community.elfsight.com/t/remove-yellow-highlighting-of-elements-with-links/91225 "2024-12-24T17:05:45Z")

</div>

Add this code to the Custom CSS field on the Design tab of your Flipbook widget’s settings: .fb3d-link a, .fb3d-link:hover a { background: rgba(255,255,0,0); }

---

## [Change height of the widget](https://community.elfsight.com/t/change-height-of-the-widget/82422)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [November 13, 2024, 5:42pm UTC](https://community.elfsight.com/t/change-height-of-the-widget/82422 "2024-11-13T17:42:37Z")

</div>

Add this code to the Custom CSS field on the Design tab of your Flipbook widget’s settings: \[class\*="widget\_\_Container-sc-"\] { height: 70vh; } @media (max-width: 1100px) { \[class\*="widget\_\_Container-sc-"\] { height: 50v…

---

## [Hide Download and Print buttons](https://community.elfsight.com/t/hide-download-and-print-buttons/82419)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [November 13, 2024, 5:41pm UTC](https://community.elfsight.com/t/hide-download-and-print-buttons/82419 "2024-11-13T17:41:10Z")

</div>

Add this code to the Custom CSS field on the Design tab of your Flipbook widget’s settings: .global-styles, ul.v-menu \> li:nth-child(5), ul.v-menu \> li:nth-child(4) { display: none; }