DrupalReady
Back to Docs

Customization Guide

Tailor your DrupalReady template to match your project.

Theme Customization

Each template includes a custom theme in web/themes/custom/drupalready_{vertical}/. The theme uses Stable9 as its base and includes:

  • CSS organized in `css/base/`, `css/components/`, and `css/layout/`
  • Twig templates in `templates/` for overriding markup
  • JavaScript in `js/` for interactive components
  • Libraries defined in `{theme}.libraries.yml`

Modify colors, typography, and spacing by editing the CSS files. Override any Drupal template by copying it to the appropriate templates/ subdirectory.

Content Types

Content types are pre-configured but fully editable via the Drupal admin UI:

  1. Go to Structure > Content Types
  2. Edit fields, display settings, and form layouts
  3. Export changes with lando drush config:export

All configuration is stored in config/sync/ and can be tracked in Git.

Paragraph Types

Paragraph types provide the flexible content components. Each paragraph type has:

  • Fields for content input
  • Twig template for rendering
  • CSS styles for visual design

Add new paragraph types via the Drupal admin, then create a matching Twig template and styles.

Recipes

DrupalReady templates use Drupal Recipes for modular configuration. Each recipe is in the recipes/ directory and can be applied independently.

To create a custom recipe, add a new directory under recipes/ with a recipe.yml file defining the modules, configuration, and content to apply.