Aalto Docs

Introduction

Aalto gives editorial teams the infrastructure to build trusted publications on work, lifestyle, and mental health—with the design depth and content curation readers expect from serious journalism.

Since this is a Ghost theme documentation, you are assumed to have a basic knowledge of the Ghost CMS. If you're starting with Ghost, it is best to see the guides in the official Ghost Help Center – check this out, and you'll have all the available information.

Aalto theme homepage overview

Getting started

Welcome

Aalto is built on a simple philosophy: serious content deserves serious presentation. This theme gives editorial teams the structure of a professional publication with the flexibility to make it distinctly yours. With customizable homepage sections, multiple post layouts, and extensive theme options, you have everything you need to create a trusted publication.

Quick start

Here's a quick overview of the key tasks to set up your Aalto theme:

1. Upload and activate the theme
2. Customize the homepage hero section
3. Configure featured posts
4. Add homepage sections (logos, testimonials, authors, etc.)
5. Set up topics/categories navigation
6. Customize colors and appearance
7. Configure post settings

Install theme

Upload zip file

To begin, unzip the downloaded package by double-clicking it on a Mac or by right-clicking and selecting "Extract All" on Windows.

Inside the new Aalto folder, you will find the Aalto.zip theme file.

Step-by-step to upload the theme to your website

1. Log in to your Ghost website admin (example.com/ghost).
2. Click the settings icon ( ⚙️ ) at the bottom of the left-hand side.
3. Go to Design & branding > Theme > Change theme.
4. Click Upload theme and select the Aalto.zip theme file.
5. Once uploaded, click Activate now to activate the theme.

General settings

Colors

The theme supports changing the accent color and offers different preset color combinations.

Set accent color

The accent color is the primary color used throughout your publication theme in buttons, links, and other interactive elements. You can change the theme accent color from the Ghost admin.

Change the accent color from the admin Settings > Design & branding > Customize > Brand > Accent color.

Preset color combinations

Color combination options

The theme provides 8 different color combinations. Choose the one that fits your style:

• Default - Classic and versatile color scheme
• Pure - Clean, minimalist black and white
• Onyx - Deep, sophisticated dark tones
• Rust - Warm, earthy palette
• Fossil - Natural, muted tones
• Mint - Fresh, cool greens
• Ember - Warm, energetic oranges
• Ice - Cool, crisp blues

Step-by-step to choose your preferred color combination

1. Go to the admin Settings > Design & branding > Customize > Theme.
2. Click on Color combinations and select your color combination.
3. Preview and Save.

Light / dark mode

You can easily switch between light, dark, system, or user-defined modes directly from your Ghost admin panel.

Light and dark mode settings

The theme supports:

• Light - Always display light mode
• Dark - Always display dark mode
• System - Automatically match the user's operating system preference
• User - Allow users to toggle between light and dark mode with their preference saved

Step-by-step to customize

1. Go to Settings > Design & branding > Theme from the admin menu.
2. Choose a preferred mode by clicking on Appearance.
3. Click Save.

Note: When set to "User", a theme toggle button appears in the header allowing visitors to switch between light and dark modes. Their preference is saved locally.

Typography

Ghost provides built-in custom font functionality, allowing users to select heading and body fonts from a curated list directly in the admin interface.

Step-by-step to change fonts

1. Go to Settings > Design & branding > Customize > Brand.
2. Under Typography, select:
   • Title font for headings
   • Body font for main text
3. Click Save.

Host your own fonts

You can change any font from the Ghost admin interface using Code Injection and Google Fonts, or your own font. For example, if you want to use "EB Garamond" fonts from Google Fonts, your code in Code Injection will be:

<link href="https://fonts.googleapis.com/css2?family=EB+Garamond:wght@500&family=Inter:wght@400;700&display=swap" rel="stylesheet">

<style>
  :root {
    --font-base: 'EB Garamond', serif;
  }
</style>

Header navigation

Step-by-step to add an item to header navigation

1. Go to Settings > Navigation > Primary Navigation.
2. Type the page's name in the label field as you'd like it to appear on your menu.
3. Click on the item's URL. The blog URL will already be auto-populated.
4. When satisfied with your page configurations, click the Save button.

You can create dropdown sub-menus in your Ghost site navigation to organize your content more effectively and improve site navigation.

Add dropdown menu

1. In your Ghost Admin panel, go to Settings → Navigation.
2. Add your main menu items normally.
3. To create submenu items, add them with a dash (-) prefix before the child item.
4. Arrange items in the order you want them to appear.

Example settings:

Home          /
About         /about
- Team        /team
- Contact     /contact
Blog          /blog

Header profile displays Publication logo from Settings → Design & branding → Brand → Publication logo. If no logo is uploaded, the site title will display instead.

Header call-to-action button

You can add your own CTA text and link in the header. If you leave it empty, the button will be hidden.

Header call-to-action button

1. Go to Settings > Design & branding > Theme.
2. Scroll to Header action text:
   • Add the text to Header action text. Leave it empty if you want to hide it.
   • Add link to Header action link.
3. Click Save.

Example configurations:

• Contact button:
  • Text: "Contact Us"
  • Link: "/contact"
• External link:
  • Text: "Get Started"
  • Link: "https://example.com/start"

White logo on dark mode

If you use a black logo image and enable dark mode, you would need your logo visible when users enable dark mode.

You can use Code injection and insert this CSS to support different logo color on light/dark mode:

<style>
:root[data-theme=dark] .head-logo-wrap img {
    filter: invert(100%);
}
</style>

Footer navigation

Like the header, you can add the footer navigation links from the Ghost Admin Settings > Navigation > Secondary.

To group footer items into different groups, add # before the name.

Footer navigation groups

Example configuration:

#Company
About Us      /about
Careers       /careers
#Legal
Privacy       /privacy
Terms         /terms

Social links

The Aalto theme includes a comprehensive global social links system that automatically detects and displays social media icons from URLs you provide. The social links appear in the hero section (when enabled) and in the footer.

Simply paste the full URL to your profile on any supported platform. The theme will automatically detect the platform and display the correct icon.

Supported platforms

The theme automatically recognizes and displays icons for many platforms, including:

• Social media: Instagram, Threads, Facebook, Twitter/X, LinkedIn, TikTok, Bluesky, Mastodon, Pinterest
• Professional: GitHub, Dribbble, Behance, Medium
• Media: YouTube, Vimeo, Spotify
• Communication: Email, WhatsApp, Telegram, Discord

Step-by-step to add social links

1. Go to Settings > Design & branding > Theme.
2. Find the Social links field in the theme settings.
3. Add your social media profile URLs separated by commas.
4. Example: https://twitter.com/yourusername, https://instagram.com/yourusername, https://github.com/yourusername
5. Click Save.

Display locations

Social links appear in two locations:

1. Hero section - When you select "Social links" in the Hero actions dropdown (Settings > Theme > Homepage > Hero actions)
2. Footer - Social links always appear in the footer

Adding special link types

Email links:

• Add mailto:[email protected] or just [email protected]
• The theme will automatically display an email icon

Phone links:

• Add tel:+1234567890 or just +1234567890
• The theme will automatically display a phone icon

Homepage

Homepage overview

The Aalto theme homepage is designed for flexibility and easy customization. You can build a dynamic homepage using Ghost's built-in features, managing sections directly from the Ghost admin interface—no coding required!

The homepage consists of several key sections:

1. Hero section - Introduction with site title/description and optional actions
2. Featured posts - Highlighted content in a grid layout
3. Custom sections - Tag-based landing sections (logos, testimonials, custom posts, authors, static content)
4. Topics - Category/tag-based navigation section
5. Latest posts - Recent articles feed with pagination

All sections are fully customizable through the Ghost admin panel.

Hero section

The hero section is the first thing visitors see on your homepage. It displays a customizable heading and description that you can set directly in your theme settings.

Step-by-step to customize hero content

1. Go to Settings > Design & branding > Theme > Homepage.
2. Find the Hero heading field and enter your main hero title.
3. Find the Hero description field and enter your supporting text.
4. Click Save.

Note: Both the heading and description fields support HTML formatting. You can use tags like <strong>, <em>, or <br> for text formatting if needed.

Hero actions

Choose to show social links, subscription box, or nothing below the hero content.

• Hero section with social links
• Hero section with subscription form

Step-by-step to set hero action

1. Log in to your Ghost Admin dashboard.
2. Go to Settings → Site → Design & branding → Customize.
3. Go to Theme tab and find the Homepage section.
4. Locate the Hero actions dropdown, select the option you want:
   • Social links: Display your global social links configured in theme settings
   • Subscription form: Display the subscription box
   • None: No action shown
5. Save and refresh the homepage.

Note: To configure which social links appear, see the Social links section in General settings.

Featured posts section

The featured posts section displays up to 6 featured posts at the top of your homepage in a 3-column grid layout.

Step-by-step to configure featured posts

1. Go to Settings > Design & branding > Theme > Homepage.
2. Find Featured posts title and enter a title for the section (e.g., "Featured posts" or "Editor's picks").
3. Click Save.

Tip: Leave the Featured posts title empty to hide this section entirely from the homepage.

How to mark a post as featured

1. Go to Posts in Ghost admin.
2. Click on the post you want to feature.
3. Click the settings icon (⚙️) in the top right.
4. Toggle Feature this post to ON.
5. Update the post.

Topics section

The topics section displays a grid of tag cards, allowing visitors to explore your content by category.

Step-by-step to set up topics section

1. Go to Settings > Design & branding > Theme > Homepage.
2. Find Topics title and enter a title (e.g., "Topics" or "Categories").
3. Find Topics slugs and enter tag slugs separated by commas.
4. Example: design,technology,lifestyle,health
5. Click Save.

Tip: To find the exact tag slug, go to Tags in the Ghost admin, click on the tag name, then copy the text in the Slug field.

Latest posts section

The latest posts section displays your most recent blog posts in a grid layout with pagination.

Step-by-step to customize latest posts section

1. Go to Settings > Design & branding > Theme > Homepage.
2. Find Home feed title and enter a title (e.g., "Latest posts" or "Recent articles").
3. Click Save.

Feed image orientation

Control the aspect ratio of post card images throughout your site.

Step-by-step to set image orientation

1. Go to Settings > Design & branding > Theme > Homepage.
2. Find Feed image orientation.
3. Select your preferred option:
   • Landscape - Horizontal rectangular images
   • Square - Equal width and height
   • Portrait - Vertical rectangular images
   • Free - Original aspect ratio maintained
4. Click Save.

Note: This setting applies to post cards throughout the site, including homepage, tag pages, and related posts.

Custom homepage sections

Aalto uses a powerful tag-based section system to create dynamic homepage layouts. Each section is created as a Ghost page with a special internal tag (starting with #section-). These sections automatically appear on your homepage in the order they were published.

Key concepts:

• Sections are Ghost pages with special internal tags
• Sections appear in chronological order (by publish date)
• Use #bottom tag to position a section at the bottom of the homepage
• Use #homepage-exclude tag to hide a section from the homepage
• Use #no-title tag to hide the section title

Available section types:

Logo wall section

Display partner logos, client logos, or featured brands in an auto-scrolling marquee.

Step-by-step to add logo wall section on homepage

1. In the Ghost admin page, go to Pages > click on New page.
2. Enter the title of the page. This title will be the section title on the homepage.
3. Upload all logos you want to show on the homepage as images in the page content.
   • Important: Don't add any line breaks above, between, or after the images. It will create odd alignment.
4. In the Page Setting sidebar, add a tag named: #section-logos (with # symbol).
5. Publish and check your homepage.

The final page content should look like the following:

Tip: If you want to hide the section title, add #no-title tag to the page.

Testimonials section

Display testimonials from your users, clients, or partners.

Step-by-step to add testimonial section on homepage

1. In the Ghost admin page, go to Pages > click on New page.
2. Enter the title of the page. This title will be the section title on the homepage.
3. Add #section-testimonials (with # symbol) to the Tags field.
4. In the page content, add a new Product card. You can find this card by clicking on the + icon on the left side of the editor or by typing /product in the editor, then select the Product option.
5. On the product card, fill in the details:
   • Title - The testimonial main text (the quote)
   • Description - Person's name and job title
   • Image - Profile picture
   • Stars - Rating (1-5 stars)
6. Add more Product cards to add more testimonials.
7. Publish.

The final page content should look like the following:

Authors section

Display your site's authors and contributors in a professional grid layout. Each author card shows their profile photo, name, bio, and post count.

Authors section

Step-by-step to add authors section on homepage

1. In Ghost admin, create a new Page.
2. Give it a title; this title will be the section title on the homepage (e.g., "Our Writers" or "Contributors").
3. Add #section-authors to the Tags input.
4. (Optional) To create a dedicated Authors page, select Zpage Authors in Page settings > Template.
5. Publish.

The section will automatically display the top 4 authors on your site, sorted by post count (authors with the most posts appear first).

Note: If you want to hide the section title, add #no-title tag to the page.

Custom posts section

Display a curated collection of posts filtered by a specific tag on your homepage.

Step-by-step to add custom posts section on homepage

1. In Ghost admin, create a new Page.
2. Give it a title; this title will be the section title on the homepage.
3. Add #section-custom-posts to the Tags input.
4. In Page settings, find the Twitter description field, enter the tag slug for posts you want to display (e.g., featured or editors-picks).
5. (Optional) To create a dedicated page for this content, select Zpage Collection in Page settings > Template.
6. Publish.

The final page settings should look like the following:

On the homepage, the section displays up to 6 posts. On dedicated pages using the Collection template, it displays all matching posts.

Static text section

The static text section is useful for adding custom text on the homepage, such as your services, working principles, or values.

Step-by-step to add static text section on homepage

1. In the Ghost admin page, go to Pages > click on New page.
2. Enter the title of the page. This title will be the section title on the homepage.
3. Add #section-static-text (with # symbol) to the Tags field.
4. In the page content, add a new Product card. You can find this card by clicking on the + icon on the left side of the editor or by typing /product in the editor, then select the Product option.
5. On the product card, fill in the title, description, image, and link (optional).
6. Add more Product cards to add more static text cards.
7. Publish.

Tip: If you want to hide the section title, add #no-title tag.

If you want to create multiple sections using Static text, create a new page and repeat the same steps above.

Static banner section

Similar to the static text section, the static banner section displays custom formatted content on the homepage. Use this for important banners, callouts, or announcements.

Step-by-step to add static banner section on homepage

1. In the Ghost admin page, go to Pages > click on New page.
2. Enter the title of the page. This title will be the section title on the homepage.
3. Add #section-static-banner to the Tags field.
4. In the page content, add your banner content using text, images, HTML cards, or other elements.
5. Add more content blocks as needed for your banner layout.
6. Publish.

Tip: If you want to hide the section title, add #no-title tag.

Custom content section

This section allows you to display any custom content of a specific page on the homepage. Use this for adding rich formatted content, HTML, or any special content blocks.

Step-by-step to add custom content section on homepage

1. In Ghost admin, create a new Page.
2. Give it a title; this title won't be shown on the homepage.
3. Add your custom content in the page editor (text, images, galleries, HTML cards, etc.).
4. Add #section-custom-content to the Tags input.
5. Publish.

The entire content of this page will be rendered as a section on the homepage, giving you complete flexibility to add any type of content.

Positioning sections at the bottom

By default, homepage sections appear above the latest posts feed. To position a section at the bottom of the homepage (after the latest posts), add the #bottom tag.

Step-by-step to position section at bottom

1. Create your section page as normal (e.g., with #section-testimonials).
2. In the page settings, add the #bottom tag along with your section tag.
3. Publish the page.
4. The section will now appear at the bottom of the homepage.

Excluding sections from homepage

Sometimes you want to create a section page but not display it on the homepage. The #homepage-exclude tag allows you to do exactly that.

Step-by-step to exclude a section from homepage

1. Create your section page as normal (e.g., with #section-addons).
2. In the page settings, add the #homepage-exclude tag along with your section tag.
3. Publish the page.
4. The section will not appear on the homepage but can be accessed via its page URL.

Hiding section titles

By default, each homepage section displays its page title as the section heading. You can hide these titles using the #no-title tag for a cleaner, more minimal look.

Step-by-step to hide section title

1. Create your section page as normal.
2. Add the #no-title tag to the page (along with your section tag).
3. Publish the page.
4. The section content will appear without the title heading.

Section background colors

Each homepage section can have a custom background color by using tag accent colors. This creates visual separation between sections.

Step-by-step to add section background color

1. Go to Tags in Ghost admin.
2. Find the tag you're using in your section's page.
3. Click on the tag to edit it.
4. Set the Accent color for that tag.
5. Save the tag.
6. The section on your homepage will automatically display with that background color.

Reordering sections

Sections appear on the homepage in the order they were published (oldest first). To change the order:

1. Go to Pages in Ghost admin.
2. Find the section page you want to reorder.
3. Click the settings icon (⚙️).
4. Change the Publish date to control the order.
5. Earlier dates = appear first on homepage.

Post templates

The theme provides different post layout options to showcase your content in unique ways.

Available post templates

1. Default - Standard post layout with feature image
2. No feature image - Clean text-focused layout without feature image
3. Wide feature image - Feature image spanning content width
4. Full feature image - Feature image spanning full viewport width

Choosing layout for individual posts

To choose which template to use when you publish a specific post:

1. In the post editor page, click the settings icon (⚙️) in the top right corner to open the Post settings.
2. Find the Template selector and choose the style you want for your post.
3. Publish or update your post.

Post page options

The theme supports additional post customizations to control what appears on post pages.

Step-by-step to customize post options

1. Go to Settings > Design & branding > Theme > Post.
2. Toggle options:
   • Show author - Display author card with bio
   • Use dropcap - Enable decorative first letter styling
3. Click Save.

Table of contents

You can add a table of contents (TOC) to any post for better navigation through long-form content. The TOC automatically generates from h2 and h3 headings in your post.

Step-by-step to add table of contents

1. Create a new post and write your post using h2 and h3 headings.
2. Right under the title, add an HTML card.
3. Insert the following code:

<aside class="toc-container">
    <div class="toc-sidebar">
        <h4>On this page</h4>
        <div class="toc"></div>
    </div>
</aside>

4. Publish and review it.

Note: The TOC will automatically populate with links to all h2 headings in your post. You can change the title "On this page" to any text you prefer.

Reuse Table of Content

You can easily save the Table of Contents snippet and reuse it in other posts in Ghost. Simply give it a name (for example, TOC). Next time, you can simply type /TOC, and the snippet will appear, allowing you to insert it into the post to create a perfect Table of Contents.

Customizing TOC heading levels

By default, the table of contents displays only h2. If you want to show only specific heading levels (for example, show both h2 and h3 headings), you can customize this using Code Injection.

Step-by-step to customize TOC headings

1. Go to Settings > Code injection in Ghost Admin
2. Add the following code to the Site Header section:

<script>
window.tocbotConfig = {
    headingSelector: 'h2, h3'
};
</script>

3. Modify the headingSelector value to match your needs:
   • 'h2' - Only h2 headings
   • 'h2, h3' - Both h2 and h3 headings (default)
   • 'h2, h3, h4' - h2, h3, and h4 headings
4. Click Save

That's it! You only need to specify the setting you want to change. The theme will automatically merge your custom configuration with the default settings.

Note: This code must be added to the Site Header section (not Site Footer) so it loads before the theme's TOC initialization script.

Email signup text

Customize the email subscription box that appears at the bottom of posts.

Step-by-step to customize email signup

1. Go to Settings > Design & branding > Theme > Post.
2. Edit the following fields:
   • Email signup text - Main heading (default: "Subscribe to my newsletter")
   • Email signup description - Supporting text
3. Click Save.

Other templates

Individual tag pages

Each tag has its own page showing all posts with that tag.

Step-by-step to customize tag information

1. Go to Tags in Ghost admin.
2. Click on the tag you want to edit.
3. Add or edit:
   • Tag name
   • Tag description
   • Tag image
   • Accent color
4. Click Save.

Authors page template

Create a dedicated page to showcase all your site's authors and contributors using the Authors page template.

Step-by-step to create authors page

1. Go to Pages in Ghost admin.
2. Click New page.
3. Add a title (e.g., "Our Authors" or "Contributors").
4. (Optional) Add a feature image.
5. In the Page settings sidebar (click the settings icon), find the Template dropdown.
6. Select Zpage Authors from the template options.
7. Publish.

Individual author pages

Each author has their own page showing their profile and posts.

Step-by-step to customize author information

1. Go to Settings > Staff in Ghost admin.
2. Click on the author you want to edit.
3. Add or edit:
   • Profile photo
   • Name
   • Bio
   • Location
   • Website
   • Social media links
4. Click Save.

Collection page template

Create curated collection pages that display posts filtered by specific tags. This template is perfect for creating topic-based collections or featured content galleries.

Step-by-step to create collection page

1. Go to Pages in Ghost admin.
2. Click New page.
3. Add a title for your collection (e.g., "Featured Articles" or "Design Resources").
4. (Optional) Add introductory content in the page editor—this appears above the filtered posts.
5. (Optional) Add a feature image.
6. In the Page settings sidebar, find the Template dropdown.
7. Select Zpage Collection from the template options.
8. In the Twitter description field, enter the tag slug(s) you want to filter posts by.
   • Single tag: design
   • Multiple tags: design+technology
9. Publish.

Custom settings

Posts per page

By default, the homepage and other listing pages display a maximum of 12 posts per page, but you can change this number.

Step-by-step to change posts per page

1. Download your theme from Ghost admin (Settings > Design & branding > Theme > Advanced > Download).
2. Unzip the theme folder.
3. Open package.json in a text editor.
4. Find this section:

"config": {
    "posts_per_page": 12
}

5. Change 12 to your preferred number (e.g., 9, 15, 18).
6. Save the file.
7. Re-zip the theme folder.
8. Upload and activate the theme in Ghost admin.

Tip: Choose numbers that divide evenly into your grid layout. For a 3-column grid, use multiples of 3 (6, 9, 12, 15).

Google analytics

To integrate Google Analytics, I recommend using the Google Analytics integration by Ghost.

Comments

The theme comes with Ghost Native Comments integration.

Step-by-step to enable comments

1. Go to Settings > Membership > Access.
2. Click Edit next to your membership settings.
3. Find the Commenting section.
4. Choose who can comment:
   • All members
   • Paid members only
   • Nobody (disable comments)
5. Click Save.

Comments will appear at the bottom of post pages when enabled.

Syntax highlighting

You can add a fenced code block by placing triple backticks before and after the code block.

Highlighted code block

To highlight a code block, add a language alias like css or js after the opening backticks. For example:

pre {
  background-color: #f4f4f4;
  max-width: 100%;
  overflow: auto;
}

Prism.js

The theme ships with Prism.js, a lightweight, robust, and elegant syntax highlighter.

You can add support for more languages by adding the Prism autoloader script:

Step-by-step to enable autoloader

1. Go to Settings > Code injection.
2. Add the following script to the Site Footer section:

<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/autoloader/prism-autoloader.min.js" integrity="sha512-fTl/qcO1VgvKtOMApX2PdZzkziyr2stM65GYPLGuYMnuMm1z2JLJG6XVU7C/mR+E7xBUqCivykuhlzfqxXBXbg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

3. Click Save.

Responsive tables

The responsive table will display a horizontal scroll bar if the screen is too small to display the full content.

Step-by-step to add responsive table

1. In your post or page editor, add a Markdown card.
2. Add the markdown to create a table. To generate a table, you can use the tool Markdown Tables Generator.
3. Publish your post or page.

Languages

The theme is fully translatable by enabling a publication language in the settings of the Ghost Admin.

Step-by-step to add translation

1. Inside the ../locales/ folder, add target language files for each translatable language used on your site. For example, fr.json is for French, and pl.json is for Polish.
2. Translate the sentences used in the theme inside your new language files.
3. Upload the theme with the new language file.
4. Go to the General settings in the Ghost Admin.
5. At the top of the page, you'll see the Publication info section.
6. Enter the correct language code into your Publication language settings menu.
7. Click Save to activate.

Note: If you edited the active language, you must restart Ghost to make the changes effective.

Advanced settings

Editing a theme's code

To edit theme files, you will need to unzip the theme archive – at this point, you will have access to the necessary files.

Step-by-step to edit theme files

1. To edit your theme files, download a copy of the theme. Go to Settings > Design & branding > Theme > Advanced > Download.
2. Unzip the theme locally.
3. Edit files using a code editor like Visual Studio Code or Sublime Text.
4. After changing the theme code, re-zip the theme directory.
5. Upload the modified theme via Settings > Design & branding > Theme > Upload theme.
6. Click Activate to activate the theme.

Code injection

Code injection is a powerful feature for customization without editing theme files directly.

Example: Change title color and size

1. Go to Settings > Code injection.
2. Add this code to the Site Header section:

<style>
  .head-logo-wrap .logo-text {
    color: #4550E5;
    font-size: 3.2rem;
  }
</style>

3. Click Save.

Check out How to use Code Injection Ghost guide for more information.

Theme deploy with GitHub Actions

Aalto can be integrated with the Deploy Ghost Theme GitHub action for automatic deployment.

This allows you to:

• Edit theme files locally
• Push changes to GitHub
• Automatically deploy to your Ghost site
• Version control your theme customizations

Conclusion

Congratulations on setting up your Aalto theme! We hope this documentation has been helpful in getting you started with creating a beautiful and functional publication.

Aalto is designed to give editorial teams the infrastructure to build trusted publications with the design depth and content curation readers expect from serious journalism. With its customizable homepage sections, multiple post layouts, and extensive customization options, you have everything you need to create a professional online presence.

If you need additional support or have questions, please visit Themex Studio or consult the Ghost Help Center.

Lifetime Access

The Ultimate Theme Bundle

Every Themex theme you'll ever need. 10 themes now + all future releases. Unlimited sites for $349.

See what's included