SPLUNK 6.1.1 - Customzing Splunk logo and Messages,Settings,help menu

[rakesh_498115]

Hi ,

I want to cusomize the splunk logo and menu screens which are highlighted in the screen. I mean i dont to show Mesasges,Settings,help menu items in the SPLUNK GUI. How can i customize them ? Can i have the notes or startin point to do this pls.

Attached the screenshot, highlighted the parts i need customization.

[Rocket66 · Accepted solution]

Hiding Messages/Settings/Activity/Help

li.dropdown.messages.shared-splunkbar-messages {display: none;}
li.dropdown.menu-system.shared-splunkbar-systemmenu {display: none;}
li.dropdown.activity.shared-splunkbar-activitymenu {display: none;}
li.dropdown.help.shared-splunkbar-helpmenu {display: none;}

[jberwick_splunk]

This no longer works for splunk 6.5+ and would suggest the Following

To disable the message bar

[data-view="views/shared/splunkbar/messages/Master"] {
    /* Styles */
   display:none;
}

SplunkBar options.
views/shared/splunkbar/user/Master
views/shared/splunkbar/messages/Master
views/shared/splunkbar/system/Master
views/shared/splunkbar/activity/Master
views/shared/splunkbar/help/Master
views/shared/splunkbar/find/Master

[hbacbs]

CSS is made for styling not for security. It's like putting the key under the mat.

[ashishsaugar]

Pls. tell me In which file I need to write this ----> {display: none;} for all

[davidts]

Hi Rocket66,

I was wondering in which .js file do I need to make the above changes?

[splunker12er]

Path to : /opt/splunk/etc/apps/Your-app-name/appserver/static/application.css
Path to logo : /opt/splunk/etc/apps/Your-app-name/appserver/static/images

Place the logo inside the images and you may refer the images with proper dimentions in css file..

[Rocket66]

.app-bar .app-name .app-label are styles in Splunk 5, I think ...

The "splunk>"-Logo is just text and should not be changed (I don't know the guidelines for that ...) But if you want to change it anyway, you have to do this via javascript/jQuery ...

[jmallorquin]

This one works on dashboard.css

.app-bar .app-name .app-label {
display: none;
}
but i don't know how to change the logo

[Rocket66]

Try :
.navbar .brand { display:none }

[rakesh_498115]

hmm.thanks splunk12er. i was asking about the logo /text on the left side which is highlighted in the screenshot.

i have used the following setting in application.css but didnt work.

a.brand {visibility:hidden; display:none;}