> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://staging.chrisp.chat/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Helpful CSS adjustments

## Hide Price in lightbox (modal mode)
```
body .fpd-modal-product-designer fpd-actions-bar .fpd-total-price {    display: none !important;}
```
## Set navigation to top

Use this CSS if you want to set the navigation to the top when using the sidebar layout.

```
fpd-main-bar {    flex-direction: column;}fpd-main-bar.fpd-navigation {    display: flex;    background: var(--fpd-module-secondary-color);}.fpd-container.fpd-sidebar>fpd-main-bar .fpd-navigation>.fpd-nav-item {    flex-direction: column;    flex: 1 0 81px;    margin: 5px;}.fpd-container.fpd-sidebar>fpd-main-bar>.fpd-module-content {    height: 100%;    min-height: 0;}
```

Example

![](https://storage.crisp.chat/users/helpdesk/website/-/9/3/c/d/93cd117a6e6af000/b8985fa4-02d1-42db-adec-95913f_149lpsi.png)

## Hide QR-Code tab in images module

```
.fpd-module-tabs [data-context="qr-code"] {    display: none !important;}
```