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. FlatPress offers the ability to switch Smarty-powered themes 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 for improved security.

Upload a Theme

If you’d prefer to customize your FlatPress website appearance, you can download another theme from FlatPress.org.

Warning: Exercise caution with downloading FlatPress themes as many have not been updated in years. We’re using the A 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.
  2. (Optional / Advanced) Copy and paste the theme zip file URL into VirusTotal.com 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 using your command line interface (CLI) or Virustotal.com.
  5. Upload the zip file to your server.
  6. Extract the parent folder for the plugin files 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
    Installed themes will show at the bottom of the Theme page.
  • FlatPress admin homepage with ATOG theme
    The admin homepage with ATOG theme – red style

editing the raw CSS files.

  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
    Click a style at the bottom to change colors
  • A Touch of Glass theme styles
    Click a style at the bottom to change colors

favicon for your website. Or learn how to upload media files to your site and rearrange FlatPress widgets.

Similar Posts