- \n
- Log in to your WordPress dashboard, then go to Appearance \u2192 Customize<\/strong>.<\/li>\n\n\n\n
- Then click on General Settings,<\/strong> then select Scroll<\/strong> Top<\/strong>.<\/li>\n\n\n\n
- Click on the Enable Scroll Top<\/strong> toggle option available at the top panel on your site.<\/li>\n\n\n\n
- Then choose the appropriate arrow from the Arrow Icon<\/strong>.<\/li>\n<\/ul>\n\n\n\n
![\"Scroll](\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Scrolltop-1024x507.jpg\")
<\/figure>\n\n\n\n\nPurenote Pro allows more than just choosing your Scroll Top icons. You can easily customize them as your preferences to bring the best out of them. With the premium version of the theme, you’ll get:\n
- \n
- 12 Arrow Icons <\/li>\n
- Alignment Options <\/li>\n
- Device Visibility <\/li>\n
- Color choosing <\/li>\n
- Advanced Designing Features <\/li>\n<\/ul><\/p>\n<\/div>\n\n\n\n
Revitalize your Scroll Top Icons with advanced customization options<\/span><\/h2>\n\n\n\n
![\"ScrollTop](\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/ScrollTop-Purenote-1024x507.jpg\")
<\/figure>\n\n\n\n- \n
- Go to Scroll Top section in Purenote Pro, then choose your preferred icons from the given 12 different options from the General Tab<\/strong><\/li>\n\n\n\n
- Adjust the size of your icon using the slider or box<\/strong> beside it for precise adjustment<\/li>\n\n\n\n
- Choose the Device Visbility<\/strong> from the three small icons beside the ‘icon size’ text. (The blue highlighted on the border of the icons are the devices where Scroll Top will be shown<\/em>).<\/li>\n\n\n\n
- Choose your Scroll Top button’s alignment <\/strong>which will appear on the screen.<\/li>\n<\/ul>\n\n\n\n
Desing Tab will allow you to effectively customize your button<\/strong><\/p>\n\n\n\n
- \n
- Go to Design Tab option from the Scroll Top section<\/li>\n\n\n\n
- Choose your color by clicking on the ‘pencil like<\/em>‘ icon beside the text ‘Scroll Top Color’.<\/li>\n\n\n\n
- Select your Border Type<\/strong> from the drop-down menu and choose one you prefer.<\/li>\n\n\n\n
- At last, save them by clicking on the Publish<\/strong> button.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
In content-rich websites, we find long-scrolling pages where adding Scroll Top smoothly navigates the script, which improves the user experience. To do so, Purenote Pro allows more than just choosing your Scroll Top icons. You can easily customize them as your preferences to bring the best out of them. With the premium version of the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-51","post","type-post","status-publish","format-standard","hentry","category-general-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/comments?post=51"}],"version-history":[{"count":3,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts\/51\/revisions"}],"predecessor-version":[{"id":151,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts\/51\/revisions\/151"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/media?parent=51"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/categories?post=51"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/tags?post=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Select your Border Type<\/strong> from the drop-down menu and choose one you prefer.<\/li>\n\n\n\n
- Adjust the size of your icon using the slider or box<\/strong> beside it for precise adjustment<\/li>\n\n\n\n
- Go to Scroll Top section in Purenote Pro, then choose your preferred icons from the given 12 different options from the General Tab<\/strong><\/li>\n\n\n\n
- Then click on General Settings,<\/strong> then select Scroll<\/strong> Top<\/strong>.<\/li>\n\n\n\n