Update the title bar

You can modify any CSS controllable display for Citizen Access. This section shows you how to modify the appearance of the Citizen Access title bar.

Example: The following example assumes the Internet Explorer 8 is being used to access the Citizen Access. If you are using a different browser, you may need to adjust your workflow to accommodate your browser. To learn how to use the Developer Tools, please visit http://msdn.microsoft.com/en-us/library/dd565626(VS.85).aspx.

To update the title bar

Access the Login page of Citizen Access with Internet Explorer 8.
Log in to the Citizen Access as a public user.
Access page that contains a title bar, such as the Record list page.
Press F12 on your keyboard to open the Developer Tools window.
Select element by Click button (button resembles a mouse pointer) in the Developer Tools or press Ctrl + B on your keyboard.
Return to the browser window where you have Citizen Access open.
Move your mouse cursor to the element you are modifying - in this case, the title bar. As you move your mouse, notice that a blue box appears over elements you are passing. When the blue box is enveloping the whole title bar for the page, click once.

The left side of the Developer Tools window automatically scrolls to and highlights the corresponding HTML for the selected element; while the right side displays the CSS code for the element.
On the left side of the Developer Tools window, identify the CSS class for the title bar. In this example, it is called .ACA_Title_Bar.
Log in to Citizen Access Setup and navigate to the Global settings page.
Scroll down to display the Define your own CSS section.
Modify your own title bar style in the CSS content box by changing the value of any of the listed attributes. The illustration below makes changes to the background color and to the border around the title bar.
Select the Save button.
Select the Clear Cache button.
Return to Citizen Access and access a page that contains a title bar.