Colorgrid Documentation

Note: This documentation assumes that you have a Ghost blog setup and running on a server. If you don't have a Ghost blog setup yet, we highly recommend using Ghost(Pro). You can learn more about installing Ghost here.

Introduction

Thank you for purchasing Colorgrid! Please take the time to review the documentation below and you'll have your blog set up in no time!

Installation

To install Colorgrid, head to yourdomain.com/ghost/#/settings/design/change-theme. Click the 'Upload theme' button and upload the colorgrid.zip file that came with your purchase. Click 'Activate' and the theme is ready to go!

Primary Navigation

The primary navigation is used in the header. This navigation is set up to display your menu in a dropdown or in a megamenu. To edit these menus go to yourdomain.com/ghost/#/settings/navigation.

Mega Menu:

By default, the primary navigation appears as a simple dropdown menu. If you switch to the mega menu option in the theme settings, you can organize your links into columns. To start a new column, just add a new navigation item where you'd like the column to begin and type ## in the URL field — this tells the theme it's a column title.

This is an example of a mega menu setup:

Secondary Navigation

The secondary navigation is used for a simple inline menu to be displayed in the footer.

Featured Posts

Featured posts are displayed in the slider on the homepage. Make sure you have at least 3 posts set as featured.

Theme Settings

To update the design settings, head to yourdomain.com/ghost/#/settings/design.

Brand Settings

Site description: Used in your site meta tag for search engines and the footer description.
Accent color: Used to style buttons and links.
Publication icon: Used as the browser tab icon.
Publication logo: Used in the header and footer.
Publication cover: This setting is not used to keep the integrity of the design.

Site-wide Settings

Site background color: Sets the primary background color for your site.
Site text color: Defines the default text color for your site's content.
Site secondary background color: Applies a secondary background color used in areas like cards and menus.
Site secondary text color: Sets the text color for content placed on secondary background areas.
Menu background color: Sets the background color of the primary navigation menu.
Publication logo height: Controls the displayed height (in pixels) of your logo.
Primary navigation display: Sets the display of the primary navigation menu to either a dropdown or megamenu.
Footer subscribe: Enables or disables the newsletter subscription form in the footer.
Footer copyright: Sets custom copyright text displayed in the footer.

Homepage Settings

Intro title: Defines the main heading or title in the site's intro/hero section.
Intro description: A short descriptive text shown below the intro title.

Color Palettes:

We've included the color palettes from our demo as json files within your theme download. If you'd like to use a color palette from our demo follow these steps:

1. Navigate to yourdomain.com/ghost/#/settings/migration
2. Select 'Universal import'
3. Upload a color palette json file. Example: colorgrid-elegant-night.json