Applying CSS to home page of default app only

[The Old Man]

Hi,

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!

[Jim M]

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.

[IPCommerceFan]

Have you tried adding the data-pageapp selector?  It sounds redundant since you're talking about the default app, but perhaps it is needed.

 

[The Old Man]

On 11/4/2021 at 10:20 PM, IPCommerceFan said:

Have you tried adding the data-pageapp selector?  It sounds redundant since you're talking about the default app, but perhaps it is needed.

 

Thanks for the tip, I'll give give that a try. 🤔