Scrollbar In Your Description - Tutorial!

START READING HERE, SO YOU WON'T GET CONFUSED! XXX
It'll all depend on the Theme you're using. If it's a Description where you need to hover over the Sidebar, and it fades - It's not going to work. But if It's a box with no need for fading and etcetera, It'll work.

1) SCROLL DOWN TO YOUR <style type="text/css"> Which is normally in the beginning of your Theme
2) POST THE FOLLOWING CODE SOMEWHERE BELOW IT::

::-webkit-scrollbar {
width: 4px;
height: 4px;
border-left:0px solid #ccc;
background-color:{color:background};
}

::-webkit-scrollbar-thumb {
background: {color:scrollbar};
}

::-webkit-scrollbar {
width: 5px;
height: 5px;
background: #dddddd;
}

::-webkit-scrollbar-thumb {
background-color:{color:scrollbar};
}

--
3) NOW YOU'RE GONNA CHANGE THE WIDTH, COLORS, AND HEIGHT. You can leave it the way it is now, and enter a meta name code which should be above the <style type="text/css"> Code::

<meta name="color:scrollbar" content="#777"/>
--
4) SCROLL DOWN TO YOUR DESCRIPTION CODE. Which should be either .description, .desc, #description, OR #desc
EXAMPLE::

.description{
width:220px;
margin-left:-2px;
margin-top:4px;
padding:2px;
border:1px solid #ddd;
text-align:left;
height:auto;
font-size:8px;
text-transform:uppercase;
background-color:#fafafa;
}

5) IF THE HEIGHT SAYS "AUTO" CHANGE IT. To a number between 20-40. Which is Four Lines MAX.
6) ADD THE FOLLOWING CODE BEFORE THE }::

overflow:auto;

-------

That's it! All you needed to do was make sure you had the Scrollbar Code and Overflow:auto.
If any of you need help width more HTML stuff feel free to message me! ;D


; JADExx