# How to change Banner height? (RW 8.1.6)

**URL:** <https://forums.realmacsoftware.com/t/how-to-change-banner-height-rw-8-1-6/25523>\
**Category:** RapidWeaver Classic\
**Created:** [March 1, 2019, 8:43pm UTC](https://forums.realmacsoftware.com/t/how-to-change-banner-height-rw-8-1-6/25523 "2019-03-01T20:43:42Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Stephane](https://avatars.discourse-cdn.com/v4/letter/s/dfb087/32.png) [@Stephane](https://forums.realmacsoftware.com/u/Stephane)\
**Post date:** [March 1, 2019, 8:43pm UTC](https://forums.realmacsoftware.com/t/how-to-change-banner-height-rw-8-1-6/25523/1 "2019-03-01T20:43:42Z")

</div>

Hello,

RapidWeaver 8.1.6 with Mountain Theme: I would like to use a less heigh Banner. Changing to a less heigh picture still scales it up to some 3/4 of the screen height. I found “banner height” threads in the search but no solution.

Can anyone help please?

Thank you in advance  
Stephane

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [March 1, 2019, 10:50pm UTC](https://forums.realmacsoftware.com/t/how-to-change-banner-height-rw-8-1-6/25523/2 "2019-03-01T22:50:29Z")

</div>

You can try this CSS:

```css
.hero-content {
bottom: 40%;
}
.hero-background {
height: 75vh;
}

```

---

<div class="post-metadata">

**Author:** ![Stephane](https://avatars.discourse-cdn.com/v4/letter/s/dfb087/32.png) [@Stephane](https://forums.realmacsoftware.com/u/Stephane)\
**Post date:** [March 1, 2019, 11:06pm UTC](https://forums.realmacsoftware.com/t/how-to-change-banner-height-rw-8-1-6/25523/3 "2019-03-01T23:06:30Z")

</div>

Thank you very much.

The result is that the lower part of the banner gets reduced. In the reduced area, there is a grey zone instead.

Is it possible to reduce equally, from top and form bottom and not having the grey area where the height reduction was?

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [March 10, 2019, 12:45pm UTC](https://forums.realmacsoftware.com/t/how-to-change-banner-height-rw-8-1-6/25523/4 "2019-03-10T12:45:29Z")

</div>

I miss this post, and then @Stephane sent me a PM and I answered that. So I thought I would post the code here in case someone else has the same problem.

```auto
#hero {
	height: 75vh;
}

```

It was also asked about changing “the slogan font size?”

I replied to try this code:

```auto
.hero-slogan {
font-size: 2.5rem;
}

```

---

<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:** [April 9, 2019, 10:49pm UTC](https://forums.realmacsoftware.com/t/how-to-change-banner-height-rw-8-1-6/25523/5 "2019-04-09T22:49:40Z")

</div>

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