Picture instead of color header on pages

Hello there,

Please try this code:

    .header-text {
      padding-top: 180px;
      padding-bottom: 20px;
      text-align: left;
    }

    .header-text .entry-title {
      padding-left: 30px;
    }

    @media only screen and (max-width: 767px) {
      .header-text {
        padding-top: 50px;
        padding-bottom: 50px;
      }  
    } 

Regards,
Kharis

I tried your custom CSS and worked on regular pages. Now I need to also use it on Portfolio and this is a problem.

Portfolio are referenced like this:

?portfolio=die-choreographin

The “=” character is not working in CSS. I tried page ID using the recommended plugin as well, but the page ID 46 is not recognised as there is a redirect to ?portfolio=die-choreographin again and the image doesn’t appear.

    .page-id-46 .ignis-hero-area {
        background-image: url("yoursite.com/url/img.png") !important; 
    }

please advise

I found the solution postid-48

postid-48 .ignis-hero-area {
   background-image: url("yoursite.com/url/img.png") !important; 
   background-size: contain;
}