I wanted to style specific modules in specific panels/rows/cols etc in the splunk UI. There's an easy way to do this if you know the panelLayout for your app, it looks like this.

.splView-interface_eth7 .panel_row1_col .GenericHeader {
clear: right;
float: left;
In your advanced views, you're able to specify the panelLayout for your elements, such as this
These panel layout values also become classes of elements in the HTML markup that Splunk serves out. You can see this via firebug. For example,
Notice that my panel_row1_col1</strong> has been turned into the class panel_row1_col</strong>. Also, notice that one of the custom modules I am using, AutoRefresh, has also been added to the list of classes for the element it creates (this is a custom module, but the same applies for standard modules).

So knowing this, you're able to add styles to appserver/static/application.css</strong> that override only those modules in those panels, even going so far as to only do it for those specific views.

A quick aside on that, your view name is added as a class of the </strong> tag.

For example, my view, which is called interface_eth7</strong>, and is contained in the XML file default/data/ui/views/interface_eth7.xml</strong> is added in the HTML markup as

<body class="splTemplate-dashboard splView-interface_eth7" ...></pre>
Note on one of the modules, the NullModule. This can be used, as splunk explains, as a placeholder. However, it is styled as "display: none;"</strong>. As such, if you want to "use" it for something (like clearing floats) you will have to override its display CSS and</strong> make the display !important</strong>. Like this
.splView-interface_eth7 .panel_row1_col .NullModule {
display: block !important;