Quick Scrolling Button colors

[ZandraJoi]

Forum URL: holisticallysecular.proboards.com/

Hello! I was wondering how you can change the up & down arrow colors & even resize for the Quick Scrolling Button. I saw on some forums they have a different color. If someone can teach me how to do it as I like to learn & do things on my own if possible.
Say I want blue 3385ff to be an arrow, what would be the code? I read you put it in the Global Header.
Thank you for your time!

[Nscalerr 🐺]

Hi ZandraJoi

I have the following, (from this thread) in the Global Header, (this can also be placed at the bottom of the stylesheet, minus the <style> </style> tags). You can se the colours to what you want. Tried to resize it on my own forum and couldn't get that bit to work out!


/* Reposition (vertical) Quick Scrolling Buttons */
<style>
.quickscrollbox {
   border: 1px solid rgba(250, 250, 250, 0.8);
   bottom: 120px !important;
   background: rgba(0, 0, 0, 0) !important;
   color: rgba(250, 250, 250, 0.5) !important;
   border-radius: 50px !important;
   -moz-border-radius: 50px !important;
   -webkit-border-radius: 50px !important;
}
.quickscrollbox:hover {
   background: rgba(0, 0, 0, 0) !important;
}
.quickscrollupbutton:hover {
   background: rgba(250, 250, 250, 0.5) !important;
   color: rgba(0, 0, 255, 0.8) !important;
   border-radius: 50px 50px 0px 0px;
   -moz-border-radius: 50px 50px 0px 0px;
   -webkit-border-radius: 50px 50px 0px 0px;
}
.quickscrolldownbutton:hover {
   background: rgba(250, 250, 250, 0.5) !important;
   color: rgba(0, 0, 255, 0.8) !important;
   border-radius: 50px 50px 0px 0px;
   -moz-border-radius: 50px 50px 0px 0px;
   -webkit-border-radius: 50px 50px 0px 0px;
}
</style>

[ZandraJoi]

Thank you! I had to add the blue to the first 'color' otherwise they wouldn't show up in the background.
I tested it on the Global Header then on individual themes as different colors. Played around w/ some colors but I got the gist of what to do. & per the other post, can move the placement if I ever have need.
Appreciate the help!