All Apps and Add-ons

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;
}

d646800
Explorer

thanks Ayn, it works!

0 Karma
Get Updates on the Splunk Community!

Why You Can't Miss .conf25: Unleashing the Power of Agentic AI with Splunk & Cisco

The Defining Technology Movement of Our Lifetime The advent of agentic AI is arguably the defining technology ...

Deep Dive into Federated Analytics: Unlocking the Full Power of Your Security Data

In today’s complex digital landscape, security teams face increasing pressure to protect sprawling data across ...

Your summer travels continue with new course releases

Summer in the Northern hemisphere is in full swing, and is often a time to travel and explore. If your summer ...