How to change the size of the image (header) on the blog page?

Hi,
How to change the size of the header (image) on the blog page? https://colorlib.com/illdy/blog-2/
I tried to change this in custom css by adding “.page-id-No.”, I put the page id and gave the size of the header but it does not work.
Which part of the css options is responsible for that?
And how to change the color of title on this page?

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the padding size and title color by going to Appearance > Customize > Additional CSS and pasting it there.


/*Header size*/
#header .bottom-header.blog {
    padding: 120px 0;
}

/*Title color*/
.bottom-header h2 {
    color: #fff;
}

Best Regards,
Support

Unfortunately it does not work. But I know why. On the front page in CSS in the #head section I have the height set to 100%.
Is it possible to set different heights for Front Page and Blog Page? Is it possible to separate it somehow? So that I have different header heights?

Hello there,

I hope you are doing well today.

If you added new CSS, you can have the css only affect certain pages like for the home page you would have to add .home to have the css only work on that page.

Have a look at this:

Best Regards,
Support