---
title: "Adding Custom Styles"
canonical: "https://wiki.yellowfinbi.com/space/USER72/2833486/Adding%20Custom%20Styles"
format: markdown
---
> Macro (anchor)



> Macro (toc)

## Overview

Custom styles can be added to Yellowfin by creating css and image files and adding them to appropriate directories. To include these files in the installer, add the css and image files to separate directories in your installer archive, and then set the following properties to point to them (see [Adding Files to the Installer](https://yellowfin.atlassian.net/wiki/spaces/USER72/pages/2833441)):

### Custom CSS Path

| **Property** | `action.customcsspath` |
| --- | --- |
| **Value** | This property points to a directory in the installer archive, which contains custom css files to add to the Yellowfin installation. |

### Custom Images Path

| **Property** | `action.customimagespath` |
| --- | --- |
| **Value** | This property points to a directory in the installer archive, which contains custom image files to add to the Yellowfin installation. |

### Example

Add these files to the installer archive:

```
resources/customcss/dashboard.css
resources/customcss/browse.css
resources/customcss/fonts.css
resources/customimages/logo.png
resources/customimages/error/error_big.png
resources/customimages/error/error_small.png

```

Then set these installer properties:

```
action.customcsspath=resources/customcss
action.customimagespath=resources/customimages

```

The custom CSS and image files will be copied from the installer archive into the Yellowfin application.