Back to the top button

Support
#1

Hi there

Is there a simple piece of CSS to change the colour of the back to the top button? Default is black, I need White.

Many thanks,

Ali

#2

Hi Ali,

Please add this code:

.x-scroll-top.in {
    opacity: 1;
}

.x-scroll-top i:before {
    color: #fff !important;
}

Hope this helps.

#3

Thanks for this Jade. The code has changed the Up arrow, but not the circular border. Not a huge problem, but if the border could also be white, that would be great.

Thanks in advance.

Regards,

Ali

#4

Hi There,

Please add instead of :

.x-scroll-top.in {
    opacity: 1;
}

use:

.x-scroll-top.in {
    opacity: 1;
  border-color: #fff !important;
}

Hope it helps

#5

Thank you Joao - worked like a charm. Yet again Themeco support nail it!!

#6

Glad to hear it :slight_smile: