change image background in the Header depending on selected category

[DanyWay]

Hi,

I'm looking for help to change the image background in the Header depending on selected category

If someone know how to do it ?

I'm on prestashop 1.7.5.1

Best,

Olivier

[templatetrend]

Hi 

 

You can change using the css file.

 

You have classof each category you can set the images in background.

 

 

[DanyWay]

actually,

the css is like that

 #header {
  position: relative;
  min-height: 500px;
  background-image: url('.../assets/img/header_mysim.jpg');
  margin: 0 0 60px 0;
}

I'm not very familiar with CSS.

If you can explain me more ?

Appreciate.

Olivier

[templatetrend]

Here is the solution.

 

.category-id-3 #header {
  
  background-image: url('.../assets/img/category1.jpg');
 
}



.category-id-4 #header {

  background-image: url('.../assets/img/category1.jpg');
  }

 

[DanyWay]

perfect works fine !

[templatetrend]

Most Welcome

 

 

[Felix Ames]

Please am a newbie!! Where did you find the css

#header {
  position: relative;
  min-height: 500px;
  background-image: url('.../assets/img/header_mysim.jpg');
  margin: 0 0 60px 0;
}