How to change page header background

Hi,

I hope that You will show me the way which let me change page header background. I can change color of this background, but I want make background from picture.

I add screenshot, thant You really could understand about I talk :slight_smile:

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.ignis-hero-area .header-text {
    background-image: url(https://forums.athemes.com/uploads/db8325/optimized/2X/6/61562847d54d362e712be9c14f67fe048138d13e_1_690x309.jpg);
    background-size: cover;
}

Just replace background image URL.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hello,

Yeah its work, but when I add picture, my first page hero header changes too, why?

Added picture of problem.

And I want that added picture would be normal view, without zoomed effect.

Hello, that code should affect all pages.

Please provide a link to the page that you would like to affect.

Kind Regards, Roman.

my website http://mobar.lt
please check it, I dont want affect my first page header cover picture.

So possible to disable zoomed effect on another page headers?

Hello, please try to use this CSS code instead of previous:

body:not(.home) .ignis-hero-area .header-text {
    background-image: url(http://mobar.lt/wp-content/uploads/2018/05/paper_fibers.png);
}

Kind Regards, Roman.