Back to the top icon and color options

Doug G.
103 Posts
Doug G. posted this 2 weeks ago

Now the back to top button is available, it's rather drab. There are earlier posts that contained code that offered more functionality to include choosing the icon from hundreds of values. I would like to see a single arrow, black, that can float on the page without the width and breadth of what it currently occupies.

I'm not a fan of green and that is the only color available for the arrow.

Now the back to top button is available, it's rather drab. There are earlier posts that contained code that offered more functionality to include choosing the icon from hundreds of values. I would like to see a single arrow, black, that can float on the page without the width and breadth of what it currently occupies. I'm not a fan of green and that is the only color available for the arrow.

Last edited 2 weeks ago by Doug G.

Vote to pay developers attention to this features or issue.
4 Comments
Order By: Standard | Newest
MerlinAZ
54 Posts
MerlinAZ posted this 2 weeks ago

The "Back to Top" options in the right panel allow for color changes.

The "Back to Top" options in the right panel allow for color changes.
Doug G.
103 Posts
Doug G. posted this 3 days ago

<smack!> Missed the choose icon button. I was able to locate something usable but it isn't exactly what I want. I wish I could change the icon size but there isn't an option to do so.

&lt;smack!&gt; Missed the choose icon button. I was able to locate something usable but it isn&#39;t exactly what I want. I wish I could change the icon size but there isn&#39;t an option to do so.
Support Team
Support Team posted this 2 days ago

Hi Doug,

The size cannot be changed, you can only edit the size of the shape for the icon.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Doug, The size cannot be changed, you can only edit the size of the shape for the icon. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
Doug G.
103 Posts
Doug G. posted this yesterday

I'm blown away to find a 50x52px icon appears so huge on my current setup. It boils down to the monitor resolution limitation of the laptop. I checked it on my desktop and the size appears more reasonable.

Ignorance strikes again!

BTW, the icon size can be changed. Here's a snippet of CSS showing a different size.

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
I'm blown away to find a 50x52px icon appears so huge on my current setup. It boils down to the monitor resolution limitation of the laptop. I checked it on my desktop and the size appears more reasonable. Ignorance strikes again! BTW, the icon size can be changed. Here's a snippet of CSS showing a different size. #return-to-top { position: fixed; bottom: 20px; right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

Last edited yesterday by Doug G.

You must log in or register to leave comments