# Size of Header / Start-Picture

**URL:** <https://forum.ghost.org/t/size-of-header-start-picture/47154>\
**Category:** Themes\
**Created:** [May 7, 2024, 10:28am UTC](https://forum.ghost.org/t/size-of-header-start-picture/47154 "2024-05-07T10:28:11Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![Anna](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/anna/32/31900_2.png) [@Anna](https://forum.ghost.org/u/Anna)\
**Post date:** [May 7, 2024, 10:28am UTC](https://forum.ghost.org/t/size-of-header-start-picture/47154/1 "2024-05-07T10:28:11Z")

</div>

![Question Size - Link](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/a/9/a92a988f6ef1d1cb9e9046e7aa1edcb457b1d9cb.png)

1. Where can I make the image very flat? Is it too high?

2. I don’t want to have a search field in it, but rather e.g. B. an announcement or the link for a membership. How does it work?

---

<div class="post-metadata">

**Author:** ![Cathy\_Sarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/cathy_sarisky/32/25750_2.png) [@Cathy\_Sarisky](https://forum.ghost.org/u/Cathy_Sarisky)\
**Post date:** [May 7, 2024, 11:09am UTC](https://forum.ghost.org/t/size-of-header-start-picture/47154/2 "2024-05-07T11:09:52Z")

</div>

#2 Are you using Source? If so, go to /ghost, click the settings button (gear in lower left), then design & branding \> customize. On the right side of the page that opens, look for the “Homepage” tab. If you put it in “Landing” layout, that’ll get you a subscription box. Note that the entire box disappears for people who’ve already subscribed.

#1 You could adjust the height of that section with code injection. Link the active page if you need help with the selectors. Or here’s a tutorial: [Code Injection 101](https://www.spectralwebservices.com/blog/using-code-injection-101/)

---

<div class="post-metadata">

**Author:** ![Anna](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/anna/32/31900_2.png) [@Anna](https://forum.ghost.org/u/Anna)\
**Post date:** [May 7, 2024, 12:01pm UTC](https://forum.ghost.org/t/size-of-header-start-picture/47154/3 "2024-05-07T12:01:12Z")

</div>

Tripoli (Theme) may also solve the problem differently. But why is it so complicated? The idea is that it is easy. The opposite is the case. ;-)

---

<div class="post-metadata">

**Author:** ![Cathy\_Sarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/cathy_sarisky/32/25750_2.png) [@Cathy\_Sarisky](https://forum.ghost.org/u/Cathy_Sarisky)\
**Post date:** [May 7, 2024, 12:11pm UTC](https://forum.ghost.org/t/size-of-header-start-picture/47154/4 "2024-05-07T12:11:31Z")

</div>

Tripoli doesn’t have a big header like that, so if you’re switching themes, your question might not be relevant! :)

---

<div class="post-metadata">

**Author:** ![Anna](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/anna/32/31900_2.png) [@Anna](https://forum.ghost.org/u/Anna)\
**Post date:** [May 7, 2024, 2:31pm UTC](https://forum.ghost.org/t/size-of-header-start-picture/47154/5 "2024-05-07T14:31:27Z")

</div>

![Bildschirmfoto vom 2024-05-07 16-30-05](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/a/2/a20f5bc9226c863da76b2984778234314131ff94.png)

The only way to see the bar is to set “Search”. But I can’t adjust the height and the function inside. 🙈 🙈 🙈

---

<div class="post-metadata">

**Author:** ![Cathy\_Sarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/cathy_sarisky/32/25750_2.png) [@Cathy\_Sarisky](https://forum.ghost.org/u/Cathy_Sarisky)\
**Post date:** [May 7, 2024, 3:44pm UTC](https://forum.ghost.org/t/size-of-header-start-picture/47154/6 "2024-05-07T15:44:05Z")

</div>

> [@Cathy\_Sarisky](#):
>
> If you put it in “Landing” layout, that’ll get you a subscription box. Note that the entire box disappears for people who’ve already subscribed.

See above. Log out if you aren’t seeing the subscription box.

If you want to always have the image visible even for people who have subscribed, take a look at Casper instead.

You will need to use code injection to adjust the height, if you don’t like the defaults.

---

<div class="post-metadata">

**Author:** ![Anna](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/anna/32/31900_2.png) [@Anna](https://forum.ghost.org/u/Anna)\
**Post date:** [May 7, 2024, 5:45pm UTC](https://forum.ghost.org/t/size-of-header-start-picture/47154/7 "2024-05-07T17:45:56Z")

</div>

> [@Cathy\_Sarisky](#):
>
> See above. Log out if you aren’t seeing the subscription box.
> 
> If you want to always have the image visible even for people who have subscribed, take a look at Casper instead.
> 
> You will need to use code injection to adjust the height, if you don’t like the defaults.

What is Code-Injection? With all systems, everything is either intuitive or there are lots of videos about it (for example Wordpress or Substack). Nobody (except 0.000001% of people) understands program code and wants to have anything to do with it. I’m almost desperate here.

---

<div class="post-metadata">

**Author:** ![Cathy\_Sarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/cathy_sarisky/32/25750_2.png) [@Cathy\_Sarisky](https://forum.ghost.org/u/Cathy_Sarisky)\
**Post date:** [May 7, 2024, 5:52pm UTC](https://forum.ghost.org/t/size-of-header-start-picture/47154/8 "2024-05-07T17:52:30Z")

</div>

> **[Adding styles with code injection](https://ghost.org/help/code-injection-styles/)**
>
> Code injection in Ghost allows you to easily add CSS styles, custom fonts, meta tags, and scripts to your site header and footer.
> 
> To access the code injection feature, go to Settings → Code Injection area of Ghost admin.
> 
> Code added within the Site...

Just a friendly note that you’re on a community support forum, talking to an unpaid volunteer. If you’re paying for managed hosting, you may want to contact you host for support.

If you need more help than your host will provide, consider reaching out to someone in the Ghost experts directory for paid help. [Ghost Experts](https://ghost.org/experts)

---

<div class="post-metadata">

**Author:** ![Anna](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/anna/32/31900_2.png) [@Anna](https://forum.ghost.org/u/Anna)\
**Post date:** [May 7, 2024, 6:38pm UTC](https://forum.ghost.org/t/size-of-header-start-picture/47154/9 "2024-05-07T18:38:55Z")

</div>

Please excuse. I certainly appreciate your help. But (I’m new to Ghost) it feels like the Linux of blogging platforms. There is little or little help. You need a computer science degree and there are hardly any internet videos about it. And 50% of the time there is no response at all to support.

If you click on Contact Support after registering, the computer’s email client (Welcome to the 90s) opens with the recipient address [noreply@ghost.io](mailto:noreply@ghost.io).

In summary: Nothing is intuitive. At Substack there is an AI helper (we have a larger publication there) that provides very professional help. The publication was online in 90 minutes. After 12 hours here I still don’t understand how I create sections (perhaps they have a completely different name here), why the article images (I created 3 test articles) don’t show images in Proview (unless you use the image as a feature ABOVE the article) .

I would really like to work with Ghost in the future, but at the moment I only see chaos and no easy application (like everywhere else)

---

<div class="post-metadata">

**Author:** ![Cathy\_Sarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/cathy_sarisky/32/25750_2.png) [@Cathy\_Sarisky](https://forum.ghost.org/u/Cathy_Sarisky)\
**Post date:** [May 7, 2024, 7:11pm UTC](https://forum.ghost.org/t/size-of-header-start-picture/47154/10 "2024-05-07T19:11:35Z")

</div>

> [@Anna](#):
>
> If you click on Contact Support after registering, the computer’s email client (Welcome to the 90s) opens with the recipient address [noreply@ghost.io](mailto:noreply@ghost.io).

Hey @RyanF, it sounds like there’s a link somewhere that isn’t set up right. (Maybe @Anna can provide a screnshot showing where)

@Anna, if you’re paying Ghost Pro for hosting, their email is [support@ghost.org](mailto:support@ghost.org). (If you **don’t** have a [ghost.io](http://ghost.io) address then you’re someone else’s customer, and will need to figure out who to contact.)

You’re correct that the featured image for an article gets put above the title in the editor. Whether it’ll be there in the published post depends on the theme, but that featured post is the one that shows on the index page. (I’m assuming that’s what you meant by ‘proview’, but I don’t really know?)

I don’t know what you mean by a section. But if you’d like to explain what you’re trying to do, I or another volunteer will try to help.

It shouldn’t take 12 hours to set up a Ghost publication. I can do it in \<15 minutes, if I have all the information I need at the start.

I help lots of folks who are just stuck on something small when they post to the forum. I also offer paid help, if you want more help than you can get for free on the forum. But it sounds from the tone of this post like you have decided that Substack is a better fit for you.

Best wishes!  
–Cathy

---

<div class="post-metadata">

**Author:** ![Anna](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/anna/32/31900_2.png) [@Anna](https://forum.ghost.org/u/Anna)\
**Post date:** [May 7, 2024, 7:14pm UTC](https://forum.ghost.org/t/size-of-header-start-picture/47154/11 "2024-05-07T19:14:20Z")

</div>

Many thanks for your help. I would get back to you tomorrow with specific questions, (and screenshots), etc. OK?

---

<div class="post-metadata">

**Author:** ![Anna](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/anna/32/31900_2.png) [@Anna](https://forum.ghost.org/u/Anna)\
**Post date:** [May 8, 2024, 8:13am UTC](https://forum.ghost.org/t/size-of-header-start-picture/47154/12 "2024-05-08T08:13:44Z")

</div>

Please excuse me if it is certainly not complete.

1. You can adjust (see the demo here with the free theme) so that the bar (search function or whatever) is further down. At Substack these are different areas. With Wordpress too. At Ghost? No idea. How does this search bar come down?

> **[Source](https://ghost.org/themes/source/)**
>
> Open source technology for fiercely independent publishers. Use Ghost to run a modern publication where you own the platform & control your content

1. How do I set up different areas? (see in the demo, which by the way looks great?, i.e. the items at the top in this design, below (another section) in a different arrangement, etc.?

 ![photo_2024-05-08_10-11-03](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/0/c/0c442b2eb0785b4899c3f32859e53ef75f1ea23e.jpeg)

1. In all other CMS systems, the areas (example: sports, politics, culture, art, etc.) are called sections. I can’t find this function here. It cannot be tags, as tags are always assigned per article. How do I create sections?

2. There is the background color (of the page), but also the color in the background of the ghost page. How do I change this color? Currently it is a darker white. I would like it to be a little darker.

3. How can I export a completely saved design (if the 14 day test is not enough) in order to continue working on this design for another 2 - 3 days in a different/new test account?

Please excuse any linguistic misunderstandings (I’m not a native speaker)

---

<div class="post-metadata">

**Author:** ![Cathy\_Sarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/cathy_sarisky/32/25750_2.png) [@Cathy\_Sarisky](https://forum.ghost.org/u/Cathy_Sarisky)\
**Post date:** [May 8, 2024, 1:17pm UTC](https://forum.ghost.org/t/size-of-header-start-picture/47154/13 "2024-05-08T13:17:46Z")

</div>

(1) Source has multiple layouts possible. If you want one that looks like the screenshot, you need to change the “Header Style” to either Highlight or Magazine.  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/7/9/7957d2356e32d6f01a6de973131ff3d328fbdf68.png)  
(note that until you have multiple posts published, it may look weird.)

(2-3) Many themes do create layouts showing posts grouped by tag on the front page. Source does not do this. Headline does. (You’ll enter them in the same Design & Branding section.) Here’s the demo for headline: [https://headline.ghost.io/](https://headline.ghost.io/)

All Ghost themes do provide a page that groups posts with the same tag together. So you’d find your ‘politics’ posts at /tag/politics. You could go to settings \> navigation to add links to those pages if desired.

(4) Also available under settings (the gear icon) \> design & branding.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/5/b/5b905e56ce9fde9a2dce6212438761968df419fe.png)

---

<div class="post-metadata">

**Author:** ![SJH](https://avatars.discourse-cdn.com/v4/letter/s/35a633/32.png) [@SJH](https://forum.ghost.org/u/SJH)\
**Post date:** [May 8, 2024, 1:21pm UTC](https://forum.ghost.org/t/size-of-header-start-picture/47154/14 "2024-05-08T13:21:36Z")

</div>

Hi Anna,  
I am also new to Ghost but I think I can help you with the “Sections” question. The theme “Ease” has under the Featured Articles “Sections” based on tags. In other words, it will automatically create Sections listing the articles associated with a tag.  
I’m sure Ease is not the only theme that does this but that would be the function you would need, listings by tag.  
The discussion here might also be of help [Recommendations for content-dense themes?](https://forum.ghost.org/t/recommendations-for-content-dense-themes/46755)

(added: Cathy posted a more thorough answer while I was writing…)

---

<div class="post-metadata">

**Author:** ![Cathy\_Sarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/cathy_sarisky/32/25750_2.png) [@Cathy\_Sarisky](https://forum.ghost.org/u/Cathy_Sarisky)\
**Post date:** [May 8, 2024, 2:16pm UTC](https://forum.ghost.org/t/size-of-header-start-picture/47154/15 "2024-05-08T14:16:02Z")

</div>

> [@SJH](#):
>
> The theme “Ease” has under the Featured Articles “Sections” based on tags. In other words, it will automatically create Sections listing the articles associated with a tag.

That’s a great suggestion, @SJH !

---

<div class="post-metadata">

**Author:** ![Anna](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/anna/32/31900_2.png) [@Anna](https://forum.ghost.org/u/Anna)\
**Post date:** [May 8, 2024, 2:38pm UTC](https://forum.ghost.org/t/size-of-header-start-picture/47154/16 "2024-05-08T14:38:19Z")

</div>

First of all, thank you for your valuable support. I’m planning a long night of work on my laptop today.

---

<div class="post-metadata">

**Author:** ![Anna](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/anna/32/31900_2.png) [@Anna](https://forum.ghost.org/u/Anna)\
**Post date:** [May 8, 2024, 4:10pm UTC](https://forum.ghost.org/t/size-of-header-start-picture/47154/17 "2024-05-08T16:10:26Z")

</div>

**Quick question** : If I want to transfer a complete Substack publication with approx. 25 articles (4 sections) plus 3 subpages (About us, news and updates) from Substack to Ghost, theoretically all sections and individual areas will be transferred too, right?

---

<div class="post-metadata">

**Author:** ![Cathy\_Sarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/cathy_sarisky/32/25750_2.png) [@Cathy\_Sarisky](https://forum.ghost.org/u/Cathy_Sarisky)\
**Post date:** [May 8, 2024, 4:53pm UTC](https://forum.ghost.org/t/size-of-header-start-picture/47154/18 "2024-05-08T16:53:56Z")

</div>

> **[Official guide: How to migrate from Substack to Ghost](https://ghost.org/docs/migration/substack/)**
>
> Everything you need to know about working with the Ghost professional publishing platform.
