How to change page header background


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(;
    background-size: cover;

Just replace background image URL.

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

Kind Regards, Roman.


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
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(;

Kind Regards, Roman.