Blackboard 9.1 SP8 + Accessibility Setting

Just a little something that I noticed and fixed when I was redesigning the look & feel to our Blackboard installation.


These icons which may or may not be on your installations login page. They open up a separate pages which detail how to change your font sizes within your browser and how to keep your own high contrast colors / colours theme from your operating system within Blackboard.

Problem is Blackboard have screwed up the CSS you can’t actually click on them to take you to the required page to view the settings / help information.

How to fix:

Hunt down the ‘login.css’ file, this will be containing in whichever theme that your using, download it via ‘System Admin’, Communities ‘Brands & Themes’, ‘Theme and Palette Catalogue’ locate theme and use the Action menu to ‘Download’.

Unzip the contents of the zip somewhere on your hard drive, keeping the folders intact.

Search the file for this section:

#loginHeader ul li.contrast:before {
content: "T";
font: 130%/1 "Utilicons";
color: #f0f0f0;
text-align: center;
position: absolute;
right: 0;
left: 0;
top: 5px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
z-index: 2;

Remove or comment out line:

z-index: 2;

Now just zip it back up again, go back to the same place that you downloaded it from and select ‘Edit’ rather than ‘Download in the ‘Action’ menu. Then ‘Upload Theme Package’ from your machine.

You’ll need to clear the browser cache, as Blackboard is a right pain as it holds on to images and css in the cache.

Now check your login page, the buttons will be now clickable.

Job done.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s