Back To Top Arrow…

Hello,

How can I adjust the position and change the color of the back to top arrow that is at the bottom of the page on the right side? I have tried setting the #back-top style in the admin custom css box and even went as far as checking into the css.core.css file in the themes framework folder, have not changed anything in that file yet, as I think it might be something simple I am doing wrong in the admin/css custom box.

I have tried:

#back-top a { color: #fff !important; }

But that did not change it. Anyone else have something else I could try?

Note: I have also tried to adjust the position, using margins, but I have looked in the css.core.css file and noted the fixed position, wasn’t thinking about that at first, but I should have known that..So I guess moving it away from the edge is not possible correct? I would like to nudge it back to the left slightly, maybe 10px or less, just so it’s completely in the viewport.

Thank you
Brian