Want to make the main image on the home page a longer hero image

General HivePress
1

How can I make the container for the main image above the fold on the home page much taller? Using ListingHive.

2

Hello !

Adding this min-height directive as shown below make the section containing the image taller. I don’t know if that helps though.

.header-hero {
/*    background-image: url(https://listinghive.hivepress.io/wp-content/uploads/2021/11/image-19.jpg);*/
    min-height: 442px;
}
2 Likes
3

Thanks. That worked. :slight_smile:

4

That worked for me too except, it also worked for the hero header on pages and posts. I only want to change the height of the hero header on the homepage. Is that possible?

5

Hello,

U simply need to more specific in your css :
body.home .header-hero{… }

1 Like
7 
.home .header-hero {
    min-height: 442px;
}
1 Like
8

Thanks. So for the homepage it needs to start with body.home .header-hero.

So if I need to edit only the page, should it be “body.page”
and posts “body.single-post”

Is that correct?

9

You have to check the CSS class applied to the body tag of the page(s) you want to target.
For the homepage here it is :

`<body class="home"...

For some specific page refer to the last css class, specific to that page, page-id-xxx, where xxx is the page id.

1 Like
11

But they can use only .home on additional css right? To do style for home page?

12

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