Chapter 4

Tutorials

This chapter features useful tutorials to help you get things done in Gantry.

• Overriding Particle Settings
  • Base Outline Settings Panel
  • Non-Base Outline Settings Panel
  • Individual Particle Settings in Layout Manager
  • Overriding Particle Source Files
• Adding a Custom Style Sheet
  • Dependencies.scss
• Adding and Using Fonts
  • How to Load Local Fonts in the Theme
  • Adding a New Font to the Font Picker
  • Adding a New Font to Your Theme
  • Font Weights
  • Installing a Custom Font: Example
    • Step 1: Adding Your Custom Font Files
    • Step 2: Adding the Necessary CSS
    • Font Usage
• Customizing the Error Page
• Using the Font Picker
  • Browsing Fonts
  • Selecting Your Font Weight(s) and Character Set(s)
  • Adding the Font Picker to Your Site
• How to Use the Color Picker
  • Using the Color Picker
  • Adding the Color Picker to Your Site
• How to Use the Icon Picker
  • Using the Icon Picker
  • Adding the Icon Picker to Your Site
• Using Block Settings
  • Accessing Block Settings
  • Block Settings Fields
    • CSS id
    • CSS Classes
    • Variations
    • Tag Attributes
    • Block Size
• Using Media Queries
  • Defining Breakpoints
  • Using Media Queries on Your Site
• Particle Blocks
  • Particle Template
  • Adding a JavaScript Block
  • Adding a Style Sheet Block
  • Particle Block
• Creating a Multilingual Site (Joomla)
  • Introduction
  • Prerequisites
  • Setup
    • Step 1: Install Additional Languages
    • Step 2: Create New Content Languages
    • Step 3: Configure and Enable the Language Filter Plugin
    • Step 4: Create New Content Categories for Each Language
    • Step 5: Enable Unicode URL Aliases
    • Step 6: Create a Menu for Each Language
    • Step 7: Create a Template Outline for Each Language
    • Step 8: Create a Language Selector Module