Jump to content

Applying CSS to home page of default app only

Recommended Posts


Using a targetted CSS selector, I'm trying to limit some CSS so that it applies only to the default app's main home page, the first thing someone would see when visiting example.com or example.com/community, but taking into account for one person it could be they've set forums as their default app, for another it could be pages, core, blogs, calendar etc.

Is that possible?

I have tried limiting the selector to front and browse, but its not quite right, it would work if you only had 1 app installed, but if you have say the full suite, it seems to target every app's main index the same :

/* Apply red to only the default app, home page */
body[data-pagelocation="front"][data-pagecontroller="browse"] #ipsLayout_header header {
	background: red; /* example */
/* Apply black everywhere else */  
#ipsLayout_header header {
	background: black; /* example */

Many thanks!

Link to comment
Share on other sites

Thanks for posting!

Unfortunately, this issue is beyond the scope of our technical support. 👩‍💻

Our technical support is happy to help you with the Invision Community platform, but we're unable to help with things like server management, theme questions and modifications.

I've moved this to our Community Support area where other Invision Community owners will see it and help where they can.

Link to comment
Share on other sites

  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...