# Header image close to page

**URL:** <https://forums.realmacsoftware.com/t/header-image-close-to-page/25041>\
**Category:** RapidWeaver Classic\
**Created:** [February 4, 2019, 11:30am UTC](https://forums.realmacsoftware.com/t/header-image-close-to-page/25041 "2019-02-04T11:30:55Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![memoria](https://avatars.discourse-cdn.com/v4/letter/m/ba8739/32.png) [@memoria](https://forums.realmacsoftware.com/u/memoria)\
**Post date:** [February 4, 2019, 11:30am UTC](https://forums.realmacsoftware.com/t/header-image-close-to-page/25041/1 "2019-02-04T11:30:55Z")

</div>

In this page [http://www.trentinomese.it](http://www.trentinomese.it) I would like to approach header image to menu. In which way?!

---

<div class="post-metadata">

**Author:** ![Ruyton](https://avatars.discourse-cdn.com/v4/letter/r/cc9497/32.png) [@Ruyton](https://forums.realmacsoftware.com/u/Ruyton)\
**Post date:** [February 4, 2019, 11:33am UTC](https://forums.realmacsoftware.com/t/header-image-close-to-page/25041/2 "2019-02-04T11:33:15Z")

</div>

Add padding at the top. Not sure if you are using a stock theme, or if you are using Foundation and stacks.

---

<div class="post-metadata">

**Author:** ![memoria](https://avatars.discourse-cdn.com/v4/letter/m/ba8739/32.png) [@memoria](https://forums.realmacsoftware.com/u/memoria)\
**Post date:** [February 4, 2019, 12:17pm UTC](https://forums.realmacsoftware.com/t/header-image-close-to-page/25041/3 "2019-02-04T12:17:11Z")

</div>

It’s an old theme… I’m looking for CSS code or similar to solve…

---

<div class="post-metadata">

**Author:** ![DLH](https://avatars.discourse-cdn.com/v4/letter/d/b5e925/32.png) [@DLH](https://forums.realmacsoftware.com/u/DLH)\
**Post date:** [February 5, 2019, 12:59am UTC](https://forums.realmacsoftware.com/t/header-image-close-to-page/25041/4 "2019-02-05T00:59:18Z")

</div>

I’m not exactly sure what you’re trying to do. If you want to reduce the space between the logo and the menu, you can try this CSS. Past it in the site-wide CSS area.

```
#shadow {
  margin-top: 0;
}

```

You can try 5px (or other value) instead of “0”, if you want a bit of space.

---

<div class="post-metadata">

**Author:** ![memoria](https://avatars.discourse-cdn.com/v4/letter/m/ba8739/32.png) [@memoria](https://forums.realmacsoftware.com/u/memoria)\
**Post date:** [February 5, 2019, 9:12am UTC](https://forums.realmacsoftware.com/t/header-image-close-to-page/25041/5 "2019-02-05T09:12:09Z")

</div>

Thank you! It works

---

<div class="post-metadata">

**Author:** ![memoria](https://avatars.discourse-cdn.com/v4/letter/m/ba8739/32.png) [@memoria](https://forums.realmacsoftware.com/u/memoria)\
**Post date:** [February 6, 2019, 1:06pm UTC](https://forums.realmacsoftware.com/t/header-image-close-to-page/25041/6 "2019-02-06T13:06:48Z")

</div>

Now I would to reduce space between box blue and the menu. What I’ve to type in CSS?

Page is www.trentinomese.it

---

<div class="post-metadata">

**Author:** ![DLH](https://avatars.discourse-cdn.com/v4/letter/d/b5e925/32.png) [@DLH](https://forums.realmacsoftware.com/u/DLH)\
**Post date:** [February 6, 2019, 3:53pm UTC](https://forums.realmacsoftware.com/t/header-image-close-to-page/25041/7 "2019-02-06T15:53:45Z")

</div>

Try this:

```
#container #content {
  padding-top: 20px;
}
```

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [March 9, 2019, 1:53am UTC](https://forums.realmacsoftware.com/t/header-image-close-to-page/25041/8 "2019-03-09T01:53:56Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
