IGNIS: Change banner image on portfolio

Hello.

I love this theme, thank you.

I would like the ability to change the heading banner for each individual project in my portfolio. At the moment the portfolio image automatically loads there, but that is a square and not appropriate for a banner heading.

The site www.badproducerproductions.com is currently on maintenance mode.

Thank you.

Hello there,

Try adidng this simple CSS code to Appearance > Customize > Additional CSS from dashboard.

    .post-type-archive-jetpack-portfolio .ignis-hero-area {
      background-image: url('https://yoursite.com/path/to/header-image.jpg');
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
    }

Replace https://yoursite.com/path/to/header-image.jpg with your own image which can be obtained from media library (Dashboard > Media).

Regards,
Kharis

Hello,

How does this work for each individual project in my portfolio? I have eight of them, and I need eight separate banners.

Hello there,

You can use each portfolio class names. For example:

    .postid-899.post-type-archive-jetpack-portfolio .ignis-hero-area {
          background-image: url('https://yoursite.com/path/to/header-image.jpg');
          background-size: cover;
          background-position: center center;
          background-repeat: no-repeat;
    }

You can get the class name by viewing the source code of your single project page. It is located on the body tag.

Regards,
Kharis