hello,
I am just wanting to know how to just change the colour of the pages widget links from grey, and when rolled over?

here is my coding:

div.widget ul {
list-style-type: none !important;
}
div.widget ul li a:link,
div.widget ul li a:visited,
div.widget ul li a:active,
div.widget ul li a:hover {
border-left: 0 !important;
padding-left: 0 !important;
text-align: center;
font-size: 18pt;
color: #ffffff !important;
}

the links are only white, how do you make it so when rolled over it is black? Thanks

your CSS is saying to make it white when hovered. If you want the hover a different color, you have to setup a new selector and rule for it like

div.widget ul {
list-style-type: none !important;
}
div.widget ul li a:link,
div.widget ul li a:visited,
div.widget ul li a:active {
border-left: 0 !important;
padding-left: 0 !important;
text-align: center;
font-size: 18pt;
color: #ffffff !important;
}
div.widget ul {
div.widget ul li a:hover {
border-left: 0 !important;
padding-left: 0 !important;
text-align: center;
font-size: 18pt;
color: #00ffff !important;
}