Admin Guide

-

This guide explains how to perform common administrative tasks from the Grav admin panel.

Changing Background Images and Transparency

You can customize the background images and their transparency from the theme settings.

1. Navigate to the Theme Settings: In the admin panel, go to Themes in the left-hand menu. You will see the Agency theme listed.

2. Edit Theme Settings: Click on the Agency theme to open its settings.

3. Change Background Images:

   • Header Background Image: Look for the Header Background Image field. You can drag and drop a new image here or click to browse your computer.
   • Stars Background Image: Look for the Stars Background Image field and upload your desired image.
   • Map Background Image: Look for the Map Background Image field and upload your desired image.

4. Adjust Transparency:

   • Stars Background Opacity: Use the slider or enter a value between 0 (completely transparent) and 1 (completely opaque).
   • Map Background Opacity: Use the slider or enter a value between 0 and 1.

5. Save Your Changes: Click the Save button at the top of the page.

Adding a New Page

1. Navigate to Pages: In the admin panel, go to Pages in the left-hand menu.

2. Click "Add": Click the + Add button at the top of the page.

3. Enter Page Title: Enter a title for your new page in the Page Title field.

4. Choose a Page Template:

   • For a standard page, select Default from the Page Template dropdown.
   • For a modular page that is part of the one-page layout, you will need to select the appropriate modular template (e.g., modular/about.html.twig).

5. Click "Continue": Click the Continue button.

6. Add Content: You can now add content to your page using the Markdown editor.

7. Save Your Page: Click the Save button at the top of the page.

Adding a Page to the Navigation Menu

To make a page appear in the main navigation menu, you need to edit its frontmatter.

1. Edit the Page: Navigate to the page you want to add to the menu and go to the Expert tab.

2. Add Frontmatter: Add the following lines to the frontmatter:

   onpage_menu: true
   menu: "Your Menu Text"
   icon: "your-icon" # Optional

   • Replace "Your Menu Text" with the text you want to appear in the menu.
   • Replace "your-icon" with a Font Awesome icon name (e.g., info-circle).

3. Save the Page: Click the Save button.

Color Scheme

You can customize the color scheme of your site from the theme settings.

1. Navigate to the Theme Settings: In the admin panel, go to Themes in the left-hand menu and select the Agency theme.

2. Edit Colors:

   • Primary Color: The main accent color. Used for links, buttons, and other highlights. (Example: The color of the main navigation links when you hover over them).
   • Secondary Color: A secondary accent color, often used for hover effects. (Example: The color of links when you hover over them).
   • Text Color: The main color for body text.
   • Background Color: The main background color for the site.
   • Border Color: The color of borders used to separate content sections.
   • Navbar Brand Color: The color of the site logo/brand in the navigation bar.

3. Save Your Changes: Click the Save button at the top of the page.

Changing Font Sizes and Families

You can customize the font sizes and font families used throughout the site from the theme settings.

1. Navigate to the Theme Settings: In the admin panel, go to Themes in the left-hand menu and select the Agency theme.

2. Edit Font Families:

   • Aleo Font Family: Change the value for the primary font.
   • Lemon Tuesday Font Family: Change the value for the secondary font.

3. Edit Font Sizes:

   • You will find a series of fields for controlling the font sizes of different elements, such as Base Font Size, H1 Font Size, etc.
   • Enter your desired font size in pixels in the corresponding field.

4. Save Your Changes: Click the Save button at the top of the page.