Back to the top icon and color options

Doug G.
131 Posts
Doug G. posted this 16 September 2020
Wishlist

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 16 September 2020 by Doug G.

Vote to pay developers attention to this features or issue.
7 Replies
Order By: Standard | Newest
MerlinAZ
2684 Posts
MerlinAZ posted this 16 September 2020

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.
131 Posts
Doug G. posted this 22 September 2020

<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 23 September 2020

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.
131 Posts
Doug G. posted this 24 September 2020

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 24 September 2020 by Doug G.

iegwks
3 Posts
iegwks posted this 24 April 2022

You can change the shape and size of the icon and arrow, and change styles too. It seems Hella at Nicepage is not aware the size can be changed.

Thanks Doug.

Cheers!
IEG Wks NYC
J

You can change the shape and size of the icon and arrow, and change styles too. It seems Hella at Nicepage is not aware the size can be changed. Thanks Doug. Cheers! IEG Wks NYC J
MerlinAZ
2684 Posts
MerlinAZ posted this 24 April 2022

Or maybe it was added since this post is 19 months old.

Or maybe it was added since this post is 19 months old.
Doug G.
131 Posts
Doug G. posted this 25 April 2022

Might be. I haven't used it since that time. I may go ahead and take another look now since I'm still subscribed.

I wanted to see if they had reduced the screen code enough to make it faster. Loading the entire working code each screen gives it poor grades on Goodles speed test. 6k lines vs CNN 660 lines.

Caching on the server side and appropriate browser side settings vastly improve larter viewing but a first time visit averaged between 2 and 3 seconds. Way over the recommended standard load level of 2 years ago.

BTW, I did post that code long ago. Another gentleman had posted it alone with methods to point to non (ie: Not in Nicepage) standard pointers.

Might be. I haven't used it since that time. I may go ahead and take another look now since I'm still subscribed. I wanted to see if they had reduced the screen code enough to make it faster. Loading the entire working code each screen gives it poor grades on Goodles speed test. 6k lines vs CNN 660 lines. Caching on the server side and appropriate browser side settings vastly improve larter viewing but a first time visit averaged between 2 and 3 seconds. Way over the recommended standard load level of 2 years ago. BTW, I did post that code long ago. Another gentleman had posted it alone with methods to point to non (ie: Not in Nicepage) standard pointers.
You must log in or register to leave comments