How do I add a background image to the header?

.ipsHeader__primary {
  background-image: url(your image here);
  width: 100%;
height: 450px;
  background-position: center top;
  background-size: cover;
 background-repeat: no-repeat;
}

change height if you like also position .

Edited November 12, 2024Nov 12 by Drewfus

Thank you so much for your help.

your welcome if you want image in side nav panel

.ipsNavPanel .ipsLogo {
	 background-image: url(https://your image/here.png);
  width: 100%;
  background-position: center bottom;
  background-size: cover;
 background-repeat: no-repeat;
}

same adjust position of image center center, center top or center bottom

Edited November 12, 2024Nov 12 by Drewfus

Thanks @Drewfus.

About the mobile header ? Please 😬

Got it :

 

.ipsMobileHeader {
    background-image: url(https://your image/here.png);
      width: 100%;
      background-position: center bottom;
      background-size:cover;
     background-repeat: no-repeat;
}

Header updated :

Now only if I knew how to update my categories and navigation with background images. That'll be lovely.

you mean category header?

Yes I do

For forum categories titles : .ipsBox__header { 
For widget titles : .ipsWidget__header {

Edited November 12, 2024Nov 12 by SoloInter

.ipsWidget__header {
	 background-image: url(https://yoursite/images/pic.png);
  width: 100%;
border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom: 1px solid #EEEA65;
  background-position: center bottom;
  background-size: cover;
 background-repeat: no-repeat;
}

Thanks guys. This worked out well.

your welcome

Sorry to hijack this again, how does one put a background on a forum discussion/subforum? Like forum number 7 for instance.

Edited November 13, 2024Nov 13 by FeigelInc

Screenshot the zone you are speaking about. 

Because this :
.ipsBox__header 

This should change home forum and categories forum.

>> home : Index forum with BG titles set up

>> Categories : Subforum BG titles

 

Edited November 13, 2024Nov 13 by SoloInter

I want to add a background to Monday Night Ward for instance on my website.

Forums - Asylum Wrestling Society

On this page ? : https://awsefed.com/index.php?/forum/20-televised-events/ 

I tried the old code below but it didn't work.

 

I use bg header 😄

 

https://community.lightningmu.net/

@FeigelInc

Inspect element and add a custom css !

This work fine.

How do you do it code wise? I tried the old way and it doesn't work for me.

@Feigel Inc.

For all block? or only this specific block selected by you !

 

Just the specific block, that way I can use the code to do the rest.