Theme settings
Open the theme editor and use the theme settings.
Sticky header visibility
It controls how your website’s header behaves when someone scrolls the page.
Always – The header stays visible at the top all the time, even while scrolling.
On scroll – The header appears when you scroll up and hides when you scroll down.
None – The header scrolls away with the page and does not stick to the top.
Social links
Enter the social media links in format platform|url, for example twitter|https://twitter.com/shine_dezign. Users can add comma separated multiple links.
Footer copyright text
Enter the copyright text for the footer.
Colors
The theme supports changing the theme color and offers different color combinations.
Set theme color
The selected theme color acts as the primary accent across your publication, appearing on buttons, links, social sharing hovers, and other interactive elements. You can easily update this color anytime from the Ghost Admin settings.
Change the theme color scheme from the admin Settings > Design & Branding > Customize > Brand > Accent color.
Color scheme combinations
The theme provides 11 different color combinations. Choose the one that fits your style:
Default - Classic and versatile color scheme
Dark Trail - Clean, minimalist black and white
Natural Escape - Warm, earthy palette
Urban Mist - Soft, neutral palette
Aqua Marine - Cool, crisp blues
Desert Bloom - Warm, soft, sun-washed tones
Mocha Dark- – Deep, rich tones
Dark Amethyst - Rich, elegant, moody depth tones
Truffle Taupe- Warm, earthy sophistication tones
Almond Pink - Soft, warm minimalism palette
Graphite Blue - Deep, modern blue-gray tones
How to Choose Your Preferred Color Combination:
Navigate to Admin Settings > Design & Branding > Customize > Theme.
Open Color scheme and choose your desired option.
Preview your selection and click Save.
Enable customizer panel
Click on the button to show color scheme customizer panel on the frontend.
Contact form endpoint
This theme comes with a custom template for contact page. If you use the Contact Page template then the contact form is already included within this page template. You just have to add the action URL for the form in the setting.
Create a contact page by following the below steps.
From Ghost dashboard create a new page. Give this page a title. From the page settings under Template option select Contact Page option and publish it.
As ghost has no inbuilt feature for contact form, you have to use a third party service. In demo Formspree has been used.
How to get the action URL from your Formspree account?
At first, sign up/login to Formspree.
If you don't have any form then you will be asked to create one.
After creation of the form Go to integration tab of that form. and then copy the form's endpoint.
Now go to Settings > Design in your ghost dashboard.
You will find an option Contact form action url.
Add the endpoint URL you have copied from the Formspree site.
Homepage
Homepage layout
The Ghost theme offers multiple homepage layout options to help you shape how your site’s first impression looks and feels. Each layout is designed for a different content focus and visual style.
Homepage-1 – A clean, balanced layout ideal for showcasing featured posts and recent content in a structured way. Great for blogs, magazines, or content-driven sites.
Homepage-2 – A more visually expressive layout that emphasizes design and storytelling. Best suited for brands, portfolios, or sites that want a stronger visual impact.
Users can easily switch between these layouts from the theme settings to preview and choose the one that best fits your content and brand style—no coding required.
Hero heading
The Hero Heading setting lets you customize the main headline displayed in the hero section of your homepage-1. This is the most prominent text visitors see first, making it ideal for clearly communicating your site’s purpose, value, or message.
By updating this field, you can:
Highlight your brand’s core message
Set the tone for your website
Make a strong first impression on visitors
Any text entered here instantly updates the hero headline on the homepage preview, allowing you to experiment and refine your message before saving.
Hero subheading
The Hero Subheading setting allows you to add supporting text below the main hero heading on your homepage. This text helps explain your headline in more detail and gives visitors additional context about what your site offers.
Using the hero subheading, you can:
Expand on your main message
Highlight key benefits or features
Make your value proposition clearer and more compelling
Show meet the team section
The Show meet the team setting lets you control whether the team showcase appears on your homepage. When this option is turned on, a dedicated section is displayed highlighting your team members, helping visitors connect with the people behind your brand.
Use this section to:
Introduce your team or authors
Build trust and credibility
Add a personal, human touch to your website
Category based posts
Enter the tag to show it's posts on homepage, otherwise leave it blank to show posts from first tag.
Post
These settings apply specifically to the post page and control how individual blog posts are displayed:
Show subscribe newsletter section
This setting controls whether the newsletter subscription box appears on individual post pages. When enabled, a subscription section is displayed within the post, allowing readers to easily sign up for your newsletter without leaving the page.
Show related post
This setting controls whether the Related Posts section appears on individual post pages. When enabled, a list of posts related to the current article is shown, helping readers discover more content based on similar topics or tags.
Post type
The Post type setting controls the layout and visual presentation of individual post pages. Each option changes how the featured image, title, and content are arranged to suit different storytelling and design needs.
Default- A clean, classic blog layout where the featured image appears above the content, followed by the title, meta details, and post body. Best for standard blog posts and editorial content.
Full Width Image- Displays the featured image across the full width of the page before the content begins. Ideal for image-heavy posts where visuals need maximum impact.
Image Overlay- Places the post title and meta information directly on top of the featured image with an overlay effect. Perfect for bold, magazine-style layouts and visually striking posts.
Table of Contents- It automatically lists the post content on the left side and post image on the right side. Best for long-form, tutorial, or documentation-style articles to improve navigation and readability.
Split View- Splits the layout into two sections—typically with the image on one side and content on the other. Great for modern, design-forward posts that balance visuals and text side by side.
Last updated