---
title: "FlatPress Themes and Styles"
description: "In this article: Upload a Theme Change your Theme Change your Theme Style FlatPress prides itself on being lightweight and simple. But there are customization options past the general site section...."
url: https://www.inmotionhosting.com/support/website/flatpress/flatpress-themes-and-styles/
date: 2019-08-05
modified: 2026-03-11
author: "InMotion Hosting Contributor"
categories: ["FlatPress"]
type: post
lang: en
---

# FlatPress Themes and Styles

**In this article:**

- [Upload a Theme](#upload)
- [Change your Theme](#theme)
- [Change your Theme Style](#style)

[FlatPress](/support/website/flatpress/flatpress-themes-and-styles/) prides itself on being lightweight and simple. But there are [customization options](https://www.inmotionhosting.com/support/website/flatpress/change-flatpress-favicon/) past the general site section. FlatPress offers the ability to switch [Smarty-powered themes](https://www.smarty.net/) and preset color schemes – called *styles* – within the dashboard.

Quick note: theme and style changes affect the public-facing website *and* the admin dashboard.

FlatPress doesn’t include additional pre-installed themes or a method to preview available themes within your admin dashboard. So first we’re going to cover where to download themes and how to upload them. Then we’ll show you how to change your FlatPress theme or style.

*Check out our *[VPS Hosting](https://www.inmotionhosting.com/vps-hosting)* for improved security.*

## Upload a Theme

If you’d prefer to customize your FlatPress website appearance, you can download another theme from [FlatPress.](https://wiki.flatpress.org/res:themes)[org](https://wiki.flatpress.org/res:themes).

**Warning:** Exercise caution with downloading FlatPress themes as many have not been updated in years. We’re using the [A Touch of Glass](https://github.com/axelhahn/flatpress-theme-touch-of-glass/) theme for our example below because it’s hosted on GitHub and one of the most recently updated themes at the time of publication.

We recommend you consider installing a theme hosted on FlatPress.org or Github. If you’re unsure about the security of any theme, we recommend you stick with the pre-installed theme and styles.

1. Visit [Wiki.FlatPress.org/res:themes](https://wiki.flatpress.org/res:themes).
2. (Optional / Advanced) Copy and paste the theme zip file URL into [VirusTotal.com](https://www.virustotal.com/gui/home/url) to scan for a SHA256 checksum and potential malware. Here’s our results for the flatpress-theme-touch-of-glass-master.zip file – version date – June 19, 2019:`**MD5** - ae08542f488435facc536f53a7b08b40**SHA-256** - 4527941d30f90865d898b72b144d43785124b33e7bef24d7f64656331117169f`
3. Download the theme zip file.
4. (Optional / Advanced) [Verify the checksum](/support/security/create-checksum-locally/) using your command line interface (CLI) or Virustotal.com.
5. [Upload the zip file to your server](/support/website/how-to-upload-files-server/).
6. [Extract the parent folder for the plugin files](/support/edu/cpanel/compressing-uncompressing-files/#uncompress) within the zip file (*atog* folder for our example) to your FlatPress `/fp-interface/themes` directory.

## Change FlatPress Theme

After uploading a new FlatPress theme, you’ll need to activate it from within your admin dashboard.

1. Log into FlatPress.
2. Click **Themes** at the top.
3. Scroll down and click the other theme to activate it. The page will refresh to apply changes.

![Changing the theme from Leggero to ATOG](https://www.inmotionhosting.com/support/wp-content/uploads/2019/08/flatpress-theme-leggero-switch-atog-731x1024.png)

![FlatPress admin homepage with ATOG theme](https://www.inmotionhosting.com/support/wp-content/uploads/2019/08/flatpress-theme-a-touch-of-glass-red-856x1024.png)

## Change FlatPress Theme Style

A theme may have one of more styles to choose from as well. Just like themes, the style changes the appearance of your public-facing and admin pages. The only other way to change appearance settings is by [editing the raw ](/support/website/how-to-edit-a-file/)[CSS](/support/website/how-to-edit-a-file/)[ files](/support/website/how-to-edit-a-file/).

1. From your Themes page, click **Styles** from the secondary nav bar at the top.
2. Scroll down and click a style. The page will refresh to apply changes.

![Leggero theme styles](https://www.inmotionhosting.com/support/wp-content/uploads/2019/08/flatpress-theme-leggero-styles-427x1024.png)

![A Touch of Glass theme styles](https://www.inmotionhosting.com/support/wp-content/uploads/2019/08/flatpress-theme-a-touch-of-glass-red-styles-1024x744.png)

Consider limiting installed FlatPress themes to two (2) for improved security and performance.

After configuring your theme, choose a [favicon](https://www.inmotionhosting.com/support/website/flatpress/change-flatpress-favicon/) for your website. Or learn how to [upload media files to your site](https://www.inmotionhosting.com/support/website/flatpress/upload-media-files-in-flatpress/) and [rearrange FlatPress widgets](https://www.inmotionhosting.com/support/website/flatpress/rearrange-flatpress-widgets/).