Dashboards & Visualizations

Increase font size of Main Menu in Splunk web

Ant1D
Motivator

Hey,

I am trying to increase the font size of the main navigation menu text in my splunk web instance.

I have tried to do it via application.css as followed:

.AppBar { font-size: 22px; }

also tried:

.AppBar a { font-size: 22px; }

Neither work. Is it possible to increase the size of the Main Menu text?

Thanks in advance for your help.

Tags (2)
1 Solution

Ron_Naken
Splunk Employee
Splunk Employee

If you want this for the search app, do the following:

  1. cd $SPLUNK_HOME/etc/apps/search/appserver/static
  2. edit application.css

Paste this into the bottom of the file (application.css😞

/* AppBar */
ul.appBarNav li a:hover,
ul.appBarNav li a.menuOpen {
    background: url(/static/img/skins/default/overlay_white_28.png) repeat-x 0 0;
    _background: url(/static/img/skins/default/backgrounds_ie.gif) repeat-x 0 -727px;
}
ul.appBarNav li a {
    font-size: 18px;
    font-weight: bold;
}
.AppBar .splMenu-primary ul li.splUserCreated {
    background-image: url(/static/img/skins/default/splIcons.gif);
    background-repeat: no-repeat;
    background-position: -3px -536px;
}

font-size: 18px is the magic style you want to change. 11px is the default, I believe.

Cheers,
ron

View solution in original post

Ron_Naken
Splunk Employee
Splunk Employee

If you want this for the search app, do the following:

  1. cd $SPLUNK_HOME/etc/apps/search/appserver/static
  2. edit application.css

Paste this into the bottom of the file (application.css😞

/* AppBar */
ul.appBarNav li a:hover,
ul.appBarNav li a.menuOpen {
    background: url(/static/img/skins/default/overlay_white_28.png) repeat-x 0 0;
    _background: url(/static/img/skins/default/backgrounds_ie.gif) repeat-x 0 -727px;
}
ul.appBarNav li a {
    font-size: 18px;
    font-weight: bold;
}
.AppBar .splMenu-primary ul li.splUserCreated {
    background-image: url(/static/img/skins/default/splIcons.gif);
    background-repeat: no-repeat;
    background-position: -3px -536px;
}

font-size: 18px is the magic style you want to change. 11px is the default, I believe.

Cheers,
ron

View solution in original post

Ant1D
Motivator

Spot on. Thanks Ron

0 Karma