Skip to content

Installation & Setup

shabib-m edited this page Oct 26, 2026 · 1 revision

Installation & Setup

Follow these steps to install and configure the TailwindCSS theme for your Backdrop CMS site.

πŸ“‹ Prerequisites

Before installing the theme, ensure you have the following installed on your server or local environment:

  • Backdrop CMS (Version 1.x).
  • Node.js and npm (Required to compile the Tailwind CSS files). You can download it from nodejs.org.

πŸš€ Step-by-Step Installation

Step 1: Download the Theme

  1. Go to the theme's Releases page.
  2. Find the latest version (e.g., v1.0.0-beta.2).
  3. Under the Assets section, click on Source code (zip) to download the theme.
  4. Extract the downloaded ZIP file.

Step 2: Place the Theme in Backdrop

  1. Rename the extracted folder to tailwindcss (if it has a different name, like tailwindcss-main).
  2. Upload the tailwindcss folder to the themes/ directory of your Backdrop installation. (Path: your-backdrop-site/themes/tailwindcss)

Step 3: Compile the CSS (Crucial Step)

Since this theme relies on Tailwind CSS, you must compile the final CSS file.

  1. Open your terminal or command prompt.
  2. Navigate to the theme directory:
    cd your-backdrop-site/themes/tailwindcss
    

πŸŽ₯ Video Tutorial

Installation Video