{"id":1840,"date":"2024-09-26T13:44:51","date_gmt":"2024-09-26T13:44:51","guid":{"rendered":"http:\/\/docs"},"modified":"2024-09-26T13:44:51","modified_gmt":"2024-09-26T13:44:51","password":"","slug":"back-to-top-button","status":"publish","type":"docs","link":"https:\/\/www.8theme.com\/documentation\/xstore\/xstore-features\/back-to-top-button\/","title":{"rendered":"“Back To Top” button"},"content":{"rendered":"\n

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.<\/p>\n\n\n\n

You can activate this button while using XStore via Theme Options > Footer > Back To Top Button<\/b>.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

<\/p>\n\n\n\n

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:<\/p>\n\n\n\n

.back-top {
    color: red !important;
}
.back-top svg path {
    stroke: green !important;
}
<\/pre>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n
<\/p>\n\n\n\n
The following custom CSS code can be used to change the position of the button:<\/p>\n\n\n\n
.back-top {
    right: unset;
    left: 30px;
}
<\/pre>\n","protected":false},"excerpt":{"rendered":"
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 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"doc_category":[13],"doc_tag":[],"class_list":["post-1840","docs","type-docs","status-publish","hentry","doc_category-xstore-features"],"aioseo_notices":[],"year_month":"2026-04","word_count":140,"total_views":"2490","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"author_nicename":"docs","author_url":"https:\/\/www.8theme.com\/documentation\/author\/docs\/"},"doc_category_info":[{"term_name":"XStore Features","term_url":"https:\/\/www.8theme.com\/documentation\/xstore\/xstore-features\/"}],"doc_tag_info":[],"author_list":[{"ID":"1","user_login":"docs","display_name":"docs","id":"1"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs\/1840","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/comments?post=1840"}],"version-history":[{"count":0,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs\/1840\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/media?parent=1840"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=1840"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=1840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}