How to change Banner height? (RW 8.1.6)


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

You can try this CSS:

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

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?

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;

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