Scroll to top button color
-
Hello,
How to change the color from the scroll to top button and arrow?
Hello,
Please add the code to the Theme settings > Custom CSS > Global
.scrollToTop:after {
color: red;
}
body .scrollToTop {
-webkit-box-shadow: 0 0 5px rgba(0,0,0,1);
box-shadow: 0 0 5px rgba(0,0,0,.17);
background-color: rgba(255,255,255,1);
}
Change the colors as per your needs, the first code is the arrow and the second is the border.
Best Regards
Thanks a lot. In the CSS column i see two Exclamation mark’s. See attachment. This is something to resolve?
Attachments:
You must be
logged in to view attached files.
Hello,
As I see you only change the background color. So just remove two lines for shadow and leave only background-color;
Best Regards
Hi Elise,
I deleted now the two lines but at the background there is still the Exclamation mark. When i hover on it i see the message: “Fallback background-color (hex or RGB) should precede RGBA background-color.” Do i need to change something here?
Can you give an example of which numbers i should use for setting the shadow in the given CSS?
Attachments:
You must be
logged in to view attached files.
Hello,
No, you do not need to change anything else. It is just a warning and your background style works well now. Just ignore it.
Best Regards
Alright so i keep it in this way, thank you.
You are welcome! If you have any questions please feel free to contact us.
Best Regards
The topic ‘Scroll to top button color’ is closed to new replies.