FAQ/Questions/Overriding-page-level-css.md
... ...
@@ -63,9 +63,36 @@ You can either set the [[ToolbarCssUrl|/API/CodeSamples/ToolbarCssUrl]] setting
63 63
64 64
##Report List
65 65
66
-To use custom CSS for the Report List page, you can use the method described above for the Report Viewer to obtain the desired results. However, the file will be called ``reportlist.css`` and the page it should be included on is **ReportList-Head.ascx**. The CSS classes you will have to override will also be different than the ReportViewer page CSS classes.
66
+To use custom CSS for the Report List page, you can use the method described above for the Report Viewer to obtain the desired results. However, the file will be called ``reportlist.css`` and the page it should be included on is **ReportList-Head.ascx**. The CSS classes you will have to override will also be different than the ReportViewer page CSS classes. Here are some examples of classes that can be overridden.
67
+
68
+```css
69
+.blue-panel ul
70
+{
71
+ border-color:white;
72
+ border-style:solid;
73
+ border-width:2px;
74
+ font-family: Verdana, Geneva, Arial, Helvetica;
75
+}
76
+.blue-panel ul li
77
+{
78
+ background-color:red;
79
+}
80
+.blue-panel h2
81
+{
82
+ border-width:1px;
83
+ border-style:solid;
84
+ border-color:white;
85
+ background-color:silver;
86
+}
87
+
88
+#RL_QuickSearchBox
89
+{
90
+ font-family: 'Comic Sans MS' !Important;
91
+}
92
+```
67 93
68 94
##Dashboards
69 95
70 96
* [[DashboardsCssUrl|/API/CodeSamples/DashboardsCssUrl]]
71 97
98
+_**Note:** You may need to append the **!Important** flag onto certain CSS properties so they will override the existing styles._
... ...
\ No newline at end of file