> ## Documentation Index
> Fetch the complete documentation index at: https://help.csvbox.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Display

> Control the importer dialog size, theme, logo, custom styling, and Cancel button, and reuse the same styling across sheets.

The **Display** tab controls how the importer looks: its colors and fonts, your logo, the size of the dialog, and whether users can cancel. The settings below appear in the same order as in the dashboard.

## Importer dialog size

Control the size of the import dialog box on large screens.

Based on your import data structure (number of columns), pick between two import dialog sizes: **Medium** or **Large**.

Go to sheet settings → **Display** → **Importer Dialog Size**.

<Frame>
  <img src="https://mintcdn.com/csvbox-io/Fn747PbJ5U7GCAW2/images/select-size.jpg?fit=max&auto=format&n=Fn747PbJ5U7GCAW2&q=85&s=514967b1f94d1ba335cc543f5026ddda" alt="Importer Dialog Size setting" width="584" height="288" data-path="images/select-size.jpg" />
</Frame>

<Note>
  The dialog size configuration applies to large (desktop) screens only. On smaller screens, the dialog always occupies the entire screen.
</Note>

## Importer theme

Choose the theme of the importer: **Light**, **Dark**, **Light Custom**, or **Dark Custom**. You can also apply the theme at runtime with the [`theme`](/getting-started/2-install-code#theme) option in the installation code.

## Logo

Upload your company logo to show in the importer for a fully branded experience. Provide a square logo. The best size is 30x30 px.

## Customize styling

The **Custom Theme** option lets you personalize the appearance of the importer to match your brand. Adjust colors, fonts, and layout sizes to create a consistent, professional look.

### How it works

<Steps>
  <Step title="Enable the Custom Theme">
    Go to the importer sheet settings → **Display** tab and select the **Custom Theme** option under the **Importer Theme** label.
  </Step>

  <Step title="Adjust styling parameters">
    Use the **left sidebar controls** to modify colors, fonts, sizing, and other styling options.
  </Step>

  <Step title="Preview your changes">
    Click **Preview** to instantly see how your changes affect the importer's appearance.
  </Step>

  <Step title="Save and apply">
    Once you're satisfied with the customization, click **Save** to apply the theme.
  </Step>
</Steps>

<Frame caption="Styling options">
  <img src="https://mintcdn.com/csvbox-io/Fn747PbJ5U7GCAW2/images/styling.png?fit=max&auto=format&n=Fn747PbJ5U7GCAW2&q=85&s=6713764a02149d3d190c033b91eb1135" alt="Styling options" width="1890" height="829" data-path="images/styling.png" />
</Frame>

The styling options are grouped as follows:

* **Basic**: Colors, Sizing, and Typography
* **Advanced**: Dropdowns, Pagination, and Modals

If you need design tweaks beyond the provided options, [contact us](https://share.hsforms.com/1ubpg6RBoQgKOISkRMEViwg5auur). We're happy to assist with custom styling.

<Note>
  Custom Theme styling options are only available on the [Pro plan](https://csvbox.io/#pricing) and above.
</Note>

### Reset all fields

Reset every styling field to its default value.

<a id="download-and-reuse-importer-styling-css" style={{ scrollMarginTop: "var(--scroll-mt, 7rem)" }} />

<a id="download--reuse-importer-styling-css" style={{ scrollMarginTop: "var(--scroll-mt, 7rem)" }} />

### Download & reuse importer styling (CSS)

You can reuse the same importer styling across multiple sheets or projects. After customizing the look and feel of your importer, download the styling as a CSS file, then upload it to another importer to instantly apply the same design with no rework.

This is especially useful when you want consistent branding across multiple imports or environments.

#### Download the styling file

<Steps>
  <Step title="Customize your importer styling">
    Go to your importer's **Customize Styling** section and adjust colors, borders, typography, and other visual settings as needed.
  </Step>

  <Step title="Download the styling file">
    Once you're happy with the design, click **Download CSS**. CSVbox saves your current styling as a reusable `.css` file.

    This file contains all the visual configurations you've applied to the importer.
  </Step>
</Steps>

<Frame>
  <img src="https://mintcdn.com/csvbox-io/Fn747PbJ5U7GCAW2/images/styling-upload-and-download.png?fit=max&auto=format&n=Fn747PbJ5U7GCAW2&q=85&s=0dc50b4c845a0cf376436213acc7430e" alt="Download CSS and Upload CSS buttons in the Customize Styling section" width="1872" height="813" data-path="images/styling-upload-and-download.png" />
</Frame>

<a id="reuse-the-styling-on-another-importer" style={{ scrollMarginTop: "var(--scroll-mt, 7rem)" }} />

#### Reusing the styling on another importer

<Steps>
  <Step title="Upload the CSS file">
    To apply the same styling to another sheet or importer:

    1. Open the **Customize Styling** section of the new importer.
    2. Click **Upload CSS**.
    3. Select the previously downloaded CSS file.

    The styling is applied instantly to the importer preview.
  </Step>

  <Step title="Preview and save">
    Review the updated look in the preview, then click **Save** to persist the styling. Your importer now matches the original design.
  </Step>
</Steps>

<a id="notes--best-practices" style={{ scrollMarginTop: "var(--scroll-mt, 7rem)" }} />

#### Notes and best practices

* Uploading a CSS file **overwrites the current styling** of the importer.
* You can still make further adjustments after uploading.
* Always preview before saving to make sure everything looks correct.
* Keep a backup of your CSS files if you maintain multiple themes.

## Hide cancel button

Hide the **Cancel** button at the bottom-right corner of the importer.

The **X (close)** button at the top-right corner stays. Hiding **Cancel** helps prevent users from abandoning the import by accident and keeps them focused on the **Submit** button, which suits workflows where you want to guide users toward submission.

**Default**: `No`

<Frame>
  <img src="https://mintcdn.com/csvbox-io/gyjvlPdP5mzE2jo9/images/image-4.png?fit=max&auto=format&n=gyjvlPdP5mzE2jo9&q=85&s=4f280fa735100ac0bfa8e85b7fc6ca9d" alt="Hide Cancel Button setting" width="987" height="463" data-path="images/image-4.png" />
</Frame>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.