Go To Top - Change Colors - Question | JoomShaper
Back to the questions

Go To Top - Change Colors

HB

Holger Busch

Helix Framework 1 year 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

0
1 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #105581

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.

0