Changing The Scrollbar Color

Editing css scrollbar code in IE

Pinned Note Scrollbars
This support page contains recommendations, support and setup info for Allwebco web templates.

Outdated: Scrollbar css colors only work in older IE browsers. New CSS3 web browsers no longer support this css style.

Editing scrollbar colors:
Works only in IE and only in versions before IE9. The code to change the scrollbar color can be found at the very top of the CSS file. Open your "coolstyle.css" or "corporatestyle.css" in a plain text editor like Notepad. Change the code show below to edit the template scrollbar colors. Your template may be slightly different.

Simple scrollbar colors seen on some templates:

BODY { scrollbar-base-color: #333333 }

Complex scrollbar colors see on some templates

BODY {scrollbar-base-color: #1A3E8A;
scrollbar-track-color: #7D8FB1;
scrollbar-face-color: #1A3E8A;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF; }


To change the colors use a different 6 digit HEX number. See color chart for more colors.