Jump to content
Invisionary Themes & Design

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

Cheng Mao
Go to solution Solved by Graham S,

Recommended Posts

  • Administrators
  • Solution

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 by Graham S
Added example CSS
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...

Important Information

By using our website you consent to our Terms of Use of service and Guidelines. These are available at all times via the menu and footer including our Privacy Policy policy.