Archive

overriding default.css with application.css

d646800
Explorer

Hi splunk community, I am creating an app for the first time

I followed the splunk doc and placed the application.css at the $SPLUNK_HOME/etc/apps/[app]/appserver/static in the hope that it will override the default.css, but somehow the apps does not pick up the application.css. I checked the permission (not sure that's relevant) and etc. and i have also restart splunkd and splunkweb. no luck with it. did i miss anything ?

1 Solution

Ayn
Legend

Most of this stuff should be overridden by your application.css, but for the parts that need some more 'convincing', there's the !important directive you should use. This will tell the browser that this directive is important and therefore overrides other CSS directives that may otherwise apply. Like this:

.AppBar a {
    color: #f3df00 !important;
}

View solution in original post

Ayn
Legend

Most of this stuff should be overridden by your application.css, but for the parts that need some more 'convincing', there's the !important directive you should use. This will tell the browser that this directive is important and therefore overrides other CSS directives that may otherwise apply. Like this:

.AppBar a {
    color: #f3df00 !important;
}

View solution in original post

d646800
Explorer

thanks Ayn, it works!

0 Karma
Take the 2021 Splunk Career Survey

Help us learn about how Splunk has
impacted your career by taking the 2021 Splunk Career Survey.

Earn $50 in Amazon cash!