How to change Banner height? (RW 8.1.6)

[Stephane]

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

[teefers (Doug Bennett)]

You can try this CSS:

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

[Stephane]

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?

[teefers (Doug Bennett)]

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.

#hero {
	height: 75vh;
}

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

I replied to try this code:

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