Go to top - change colors - Forum | JoomShaper
Staff replied Helix Framework

Go to top - change colors

Asked by Holger Busch 3 years ago Last activity 3 years ago

Hello, I would like to know how I can change the background color and color of the symbol from the go to top ball in Helix?

Regards

1 reply

Paul Frankowski Senior Staff
3 years ago · edited

Hi Holger,

only via custom CSS.

We used those two classes:

.sp-scroll-up {  }

 .fa-angle-up  { }

The default CSS code look like that:

.sp-scroll-up {position:fixed;bottom:60px;right:30px;width:36px;height:36px;line-height:36px;text-align:center;font-size:16px;color:#fff;background:rgba(100, 100, 100, 0.4);border-radius:100%;z-index:1000;transition:all 0.3s ease;}

.sp-scroll-up:hover,
.sp-scroll-up:active,
.sp-scroll-up:focus {color:#fff;background:#000}

Now override needed values.

Log in to reply.