How to reduce the height of the banner

Hi there,

You can add this css on child theme style.css file to reduce the height of banner image;

#page-banner img {
    height: 400px;
}

You can change height property as per your requirement

Note: using child theme stle.css file to add custom css will prevent your changes on theme update

Thanks for contacting Styled Themes

Hello,
Perfect, is already solved.
Now I have problem with the size of the header image. It is very big and when I upload a picture pixilated or leaves out a white box in the middle of the image.

Hi Irenepv,

Could you please mention the link of your site also, so that it will be easy to both of us to find the solution asap. We hope you understand.

We look forward to your respond.

Thanks

Hello,
The web now have the maintenance mode so it is not public. How I can do so that you can see without disabling the maintenance?

Hi There,

You can remove the maintenance mode for some hours, so that it will be easy to both of us. We hope you understand.

Thanks

Ok, I have already removed so they can see what I say.
Thank you

Hello,
They have seen my problem?

Hi irenepv,

You had missed out to send site URL, so we request you to send us your site url so we can see.

Thanks

Sorry.
https://www.floresdelpatio.com

Hi,
You have seen my problem?
Thanks

Hi there,

It seems you had switched your site, so this may not be appropiriate soluiton but may help you. To make banner image full width you can keep this css on child theme

#page-banner img {
    height: 400px;
    max-height:1200px;
}

Let us know how it will goes.

Thanks

Hi,
But my problem is not with the banner. My problem is with the head. It is not adapted to the size and leaves a white box.
do I go back to the web so that public can see it.
https://www.floresdelpatio.com

Hi irenepv,

You are placing too large size of background image on header.Which indeed doesn’t get area to display ,so it is cropped on buttom. Theme suggest you the 2560widh and wiht 260 height.

So you need to provide appropriate height for the background image . Here is the example.

.header-bg {

    height: 261px;
}

And white spaces on leaf is due to the logo area. To fully disable the logo you can apply this css:

.site-info {
    display: none;
}

Thanks

It worked.
Thanks!

Most welcome irenepv