---

---

How do I colorize scrollbars for scrolling text?

---

SiteGrinder Basic does not support this feature of Microsoft Explorer, but you can certainly change the color of the scroll bar after SiteGrinder builds the site. You would do that by adding attributes to the scroll text entries in the "common.css" file created by SiteGrinder.  You need to be familiar with basic CSS editing.

Click here for a description of the different IE scroll color settings.

After you build, find the file "common.css" in your build folder and open it. Find the entry for your scrolling text field.   It would look like this for a layer named "product info-scroll" :

#productinfoscroll  {
   overflow: auto;
   position: absolute;
   left: 78px;
   top: 75px;
   z-index: 1;
   width: 280px;
   height: 232px;
}

Now, add the CSS for changing the scroll bar. For example:

#productinfoscroll  {
   overflow: auto;
   position: absolute;
   left: 78px;
   top: 75px;
   z-index: 1;
   width: 280px;
   height: 232px;
   scrollbar-face-color: #CC0000;
   scrollbar-3dLight-color: #DD7788;
}

Then save "common.css" and look at your site again with Internet Explorer. Other browsers will not reflect the changes.

If you add these custom properties to change the scroll bar color, then your CSS won't validate anymore, as these IE properties are non-standard. Many people don't care about this. The XHTML will still be standards compliant XHTML 1.1.