Dashboards & Visualizations

Can I change a style of a drop-down button?

akanno
Communicator

Hi all.

I want to change a style of a drop-down button, so I am setting the CSS following.

css

.btn,.select2-container {
  background: #3498db;
  .......
  .......
}

But, the style of the drop-down button has changed to following.

alt text
In short, I want to change a style like "TimeRangePicker" in the above picture.

What is the selector I should set?
How do I change a style of the drop-down button?

0 Karma
1 Solution

anupjishnu
Path Finder

Yes you can....

Method 1: Modify application.css in $SPLUNK_HOME/etc/apps/search/appserver/static

Method 2: Create your own app and have your app specific application.css which will override default CSS. This app specific CSS will reside in $SPLUNK_HOME/etc/apps//appserver/static

View solution in original post

anupjishnu
Path Finder

Yes you can....

Method 1: Modify application.css in $SPLUNK_HOME/etc/apps/search/appserver/static

Method 2: Create your own app and have your app specific application.css which will override default CSS. This app specific CSS will reside in $SPLUNK_HOME/etc/apps//appserver/static

akanno
Communicator

anupjishnu,thank you for your reply.
my css is overridden by default css as you said.
so I add setting of 「!important」 to my css.
thank you very much!

0 Karma
Get Updates on the Splunk Community!

Upcoming Webinar: Unmasking Insider Threats with Slunk Enterprise Security’s UEBA

Join us on Wed, Dec 10. at 10AM PST / 1PM EST for a live webinar and demo with Splunk experts! Discover how ...

.conf25 technical session recap of Observability for Gen AI: Monitoring LLM ...

If you’re unfamiliar, .conf is Splunk’s premier event where the Splunk community, customers, partners, and ...

A Season of Skills: New Splunk Courses to Light Up Your Learning Journey

There’s something special about this time of year—maybe it’s the glow of the holidays, maybe it’s the ...