Jump to content
View in the app

A better way to browse. Learn more.

Learn more

[Theme Editor] Header

Featured Replies

Is there something I can add to the </> Custom CSS area that will allow me to add a background image to the Header area in the Theme Editor, instead of only being able to choose a color?

TYIA

Edited by My Sharona

Solved by Ehren

You can upload images in theme resources through the ACP and then in the custom css you'd typically call it and style it:

  .primaryHeader { background: url('{resource="custom/image.webp" app="core" location="front"}') no-repeat center center fixed; }
  • Author
16 minutes ago, Cedric V said:

You can upload images in theme resources through the ACP and then in the custom css you'd typically call it and style it:

  .primaryHeader { background: url('{resource="custom/image.webp" app="core" location="front"}') no-repeat center center fixed; }

Thank you my good man!

Will give it a go over the next few days or so.

  • 2 weeks later...
  • Community Expert
  • Solution

Just a heads up that .primaryHeader isn't used in Invision Community. But this code will work:

.ipsHeader__primary{
	background-image: url('{resource="custom/image.webp" app="core" location="front"}');
	background-size: cover;
	background-position: 50%;
}

Recently Browsing 0

  • No registered users viewing this page.

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.