BG Image to Header?

[FeigelInc]

How do I add a background image to the header?

[Drewfus]

.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 Tuesday at 07:48 PM by Drewfus

[FeigelInc]

Thank you so much for your help.

[Drewfus]

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 Tuesday at 07:55 PM by Drewfus

[SoloInter]

Thanks @Drewfus.

About the mobile header ? Please 😬

[SoloInter]

Got it :

 

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

[SoloInter]

Header updated :

[FeigelInc]

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

[Drewfus]

you mean category header?

[FeigelInc]

Yes I do

[SoloInter]

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

Edited Tuesday at 11:52 PM by SoloInter

[Drewfus]

.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;
}

[FeigelInc]

Thanks guys. This worked out well.

[Drewfus]

your welcome

[FeigelInc]

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

Edited 20 hours ago by FeigelInc

[SoloInter]

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 20 hours ago by SoloInter

[FeigelInc]

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

Forums - Asylum Wrestling Society

[SoloInter]

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

[FeigelInc]

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

 

[Marco Junior]

I use bg header 😄

 

https://community.lightningmu.net/

[FeigelInc]

[Marco Junior]

@FeigelInc

Inspect element and add a custom css !

This work fine.

[FeigelInc]

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

[Marco Junior]

@Feigel Inc.

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

 

[FeigelInc]

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