{"id":296,"date":"2023-09-28T05:32:02","date_gmt":"2023-09-28T05:32:02","guid":{"rendered":"https:\/\/docs.codevibrant.com\/azure\/?p=296"},"modified":"2023-09-28T07:34:04","modified_gmt":"2023-09-28T07:34:04","slug":"how-to-make-changes-in-scroll-top-button","status":"publish","type":"post","link":"https:\/\/docs.codevibrant.com\/azure\/how-to-make-changes-in-scroll-top-button\/","title":{"rendered":"How to Make Changes in Scroll Top button?"},"content":{"rendered":"\n<p>In <strong>Azure Pro<\/strong>, there are <strong>9 additional options<\/strong> to choose from, for selecting your favorite arrow icon in Scroll Top button. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">To go to the Scroll Top button <\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your WordPress Dashboard, then <strong>Appearance &gt;&gt; Customize &gt;&gt; General Settings &gt;&gt; Scroll Top<\/strong><\/li>\n\n\n\n<li>Select the best Icon from the given options as per your preference and adjust <strong>the size of your icon. <\/strong>You can also maintain <strong>alignment of your icon. <\/strong><\/li>\n\n\n\n<li>In Design tab, you can use the customizing options like: <strong>Border Type, Color, Padding and Radius <\/strong>of <strong>Scroll Top Button<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"581\" src=\"http:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Scroll-Top.jpg\" alt=\"Scroll-Top\" class=\"wp-image-300\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Scroll-Top.jpg 1000w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Scroll-Top-300x174.jpg 300w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Scroll-Top-768x446.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>For more general guidance, follow this link here: <a href=\"https:\/\/docs.codevibrant.com\/azure\/how-to-add-scroll-to-top-to-your-site\/\" target=\"_blank\" rel=\"noreferrer noopener\">Scroll Top Customization<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In Azure Pro, there are 9 additional options to choose from, for selecting your favorite arrow icon in Scroll Top button. To go to the Scroll Top button For more general guidance, follow this link here: Scroll Top Customization<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-296","post","type-post","status-publish","format-standard","hentry","category-azure-pro-version"],"_links":{"self":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/296","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/comments?post=296"}],"version-history":[{"count":2,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/296\/revisions"}],"predecessor-version":[{"id":324,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/296\/revisions\/324"}],"wp:attachment":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/media?parent=296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/categories?post=296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/tags?post=296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}