“Back To Top” button

A “Back To Top” button is a user interface element commonly found on webpages to allow users to quickly return to the top of the page with a single click. This button is especially useful on long-scrolling pages where users may scroll down a considerable distance.

You can activate this button while using XStore via Theme Options > Footer > Back To Top Button.

If you would like to change the color of the back to top button, please copy and paste the following CSS code to XStore > Theme Options > Theme Custom CSS > Global CSS and then clear your browser cache. The result should look like this:

.back-top {
color: red !important;
}
.back-top svg path {
stroke: green !important;
}

The following custom CSS code can be used to change the position of the button:

.back-top {
right: unset;
left: 30px;
}
Updated on September 26, 2024
Was this Article helpful?