how to not using background image, only logo on different pages

[Cheng Mao]

I only want to use that big header background image on the front landing page, but not on every single pages. How can I do that?

[Graham S]

Hello @Cheng Mao

Please can you confirm which theme you are using? You can have a big header image on the front landing page and set it to be smaller everywhere else with the paid themes like Midwinter or Halloween Macabre within theme's settings.

 

If you are using Remembrance, you would need to add some custom CSS to your custom.css file inside the theme, something like:

/* Apply a different minimum height to the header background image on the current Default App's front index page */

#ipsLayout_header header {
  /* Apply to all except front page */
  min-height: 20vh;
}

body[data-pagelocation="front"][data-pagecontroller="index"] #ipsLayout_header header {
	/* Apply to front page only */	
	min-height: 60vh;	
}

This would set minimum-height of 60vh (60% of the screen's visible height) on the main front page of the default app, and use a value of 20% elsewhere.

Edited August 30, 2023 by Graham S
Added example CSS