{"id":5126,"date":"2018-01-08T07:09:54","date_gmt":"2018-01-08T07:09:54","guid":{"rendered":"https:\/\/www.elementpack.pro\/demo\/?page_id=5126"},"modified":"2026-03-24T10:10:16","modified_gmt":"2026-03-24T04:10:16","slug":"scroll-button","status":"publish","type":"page","link":"https:\/\/www.elementpack.pro\/demo\/element\/scroll-button\/","title":{"rendered":"Scroll Button"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"5126\" class=\"elementor elementor-5126\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a3838f3 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default magic-button-disabled-no\" data-id=\"a3838f3\" data-element_type=\"section\" data-e-type=\"section\" id=\"section-1\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a930add\" data-id=\"a930add\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5573175 elementor-widget elementor-widget-image\" data-id=\"5573175\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg4-1-1024x683.jpg\" class=\"attachment-large size-large wp-image-4551\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg4-1-1024x683.jpg 1024w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg4-1-485x323.jpg 485w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg4-1-300x200.jpg 300w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg4-1-768x512.jpg 768w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg4-1.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ee0950e\" data-id=\"ee0950e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d1a195c elementor-widget elementor-widget-heading\" data-id=\"d1a195c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Scroll Down Example<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9f2120 elementor-widget elementor-widget-text-editor\" data-id=\"a9f2120\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Guide users smoothly to the next section with a scroll-down action that enhances navigation flow and encourages deeper engagement with your content.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b42e35 elementor-align-left elementor-widget elementor-widget-bdt-scroll-button\" data-id=\"8b42e35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-scroll-button.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-scroll-button-wrapper\">\n\t\t\t<button class=\"bdt-scroll-button bdt-button bdt-button-primary\" data-settings=\"[]\" data-selector=\"#section-2\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-align-icon-right\">\n\n\t\t\t\t<svg aria-hidden=\"true\" class=\"fa-fw e-font-icon-svg e-fas-angle-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z\"><\/path><\/svg>\n\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-text\">Scroll Down<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-84be7a1 elementor-section-content-middle elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default magic-button-disabled-no\" data-id=\"84be7a1\" data-element_type=\"section\" data-e-type=\"section\" id=\"section-2\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ec57c95\" data-id=\"ec57c95\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e36f0f4 elementor-widget elementor-widget-heading\" data-id=\"e36f0f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Scroll Up Example<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0a9942 elementor-widget elementor-widget-text-editor\" data-id=\"c0a9942\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Allow users to instantly return to the top of the page with a smooth scroll-up feature, improving usability and saving time during navigation.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4728c57 elementor-align-left elementor-widget elementor-widget-bdt-scroll-button\" data-id=\"4728c57\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section-1\" data-widget_type=\"bdt-scroll-button.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-scroll-button-wrapper\">\n\t\t\t<button class=\"bdt-scroll-button bdt-button bdt-button-primary\" data-settings=\"[]\" data-selector=\"#my-header\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-align-icon-right\">\n\n\t\t\t\t<svg aria-hidden=\"true\" class=\"fa-fw e-font-icon-svg e-fas-angle-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z\"><\/path><\/svg>\n\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-text\">Scroll Up<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7c56379\" data-id=\"7c56379\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c103742 elementor-widget elementor-widget-image\" data-id=\"c103742\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg8-1024x683.jpg\" class=\"attachment-large size-large wp-image-4555\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg8-1024x683.jpg 1024w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg8-485x323.jpg 485w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg8-300x200.jpg 300w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg8-768x512.jpg 768w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg8.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8f269d3 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default magic-button-disabled-no\" data-id=\"8f269d3\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-592e15a\" data-id=\"592e15a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9a5b93e elementor-widget elementor-widget-image\" data-id=\"9a5b93e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg7.-1024x683.jpg\" class=\"attachment-large size-large wp-image-4554\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg7.-1024x683.jpg 1024w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg7.-485x323.jpg 485w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg7.-300x200.jpg 300w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg7.-768x512.jpg 768w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg7..jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9ff9dfc\" data-id=\"9ff9dfc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-644661c elementor-widget elementor-widget-heading\" data-id=\"644661c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Duration Example<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-104500d elementor-widget elementor-widget-text-editor\" data-id=\"104500d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Control the speed of scrolling animations to create a more refined and comfortable browsing experience tailored to your website\u2019s interaction style.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5708056 elementor-align-left elementor-widget elementor-widget-bdt-scroll-button\" data-id=\"5708056\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-scroll-button.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-scroll-button-wrapper\">\n\t\t\t<button class=\"bdt-scroll-button bdt-button bdt-button-primary\" data-settings=\"{&quot;duration&quot;:3000}\" data-selector=\"#section-1\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-align-icon-right\">\n\n\t\t\t\t<svg aria-hidden=\"true\" class=\"fa-fw e-font-icon-svg e-fas-angle-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z\"><\/path><\/svg>\n\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-text\">Duration Example<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6a39511 elementor-section-content-middle elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default magic-button-disabled-no\" data-id=\"6a39511\" data-element_type=\"section\" data-e-type=\"section\" id=\"offset-example\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-433bf5a\" data-id=\"433bf5a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0a6230a elementor-widget elementor-widget-heading\" data-id=\"0a6230a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Offset Example (50px)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1a8cdf elementor-widget elementor-widget-text-editor\" data-id=\"c1a8cdf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Fine-tune scroll positioning with custom offset values, ensuring perfect alignment when navigating between sections or anchored content.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e13a98 elementor-align-left elementor-widget elementor-widget-bdt-scroll-button\" data-id=\"6e13a98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-scroll-button.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-scroll-button-wrapper\">\n\t\t\t<button class=\"bdt-scroll-button bdt-button bdt-button-primary\" data-settings=\"{&quot;offset&quot;:50}\" data-selector=\"#offset-section\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-align-icon-right\">\n\n\t\t\t\t<svg aria-hidden=\"true\" class=\"fa-fw e-font-icon-svg e-fas-angle-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z\"><\/path><\/svg>\n\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-text\">Offset Example<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5fd280e\" data-id=\"5fd280e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d321c4c elementor-widget elementor-widget-image\" data-id=\"d321c4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg5-1-1024x683.jpg\" class=\"attachment-large size-large wp-image-4552\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg5-1-1024x683.jpg 1024w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg5-1-485x323.jpg 485w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg5-1-300x200.jpg 300w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg5-1-768x512.jpg 768w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg5-1.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-025b018 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default magic-button-disabled-no\" data-id=\"025b018\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-94e1b9f\" data-id=\"94e1b9f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-287a135 elementor-widget elementor-widget-image\" data-id=\"287a135\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg4-1-1024x683.jpg\" class=\"attachment-large size-large wp-image-4551\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg4-1-1024x683.jpg 1024w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg4-1-485x323.jpg 485w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg4-1-300x200.jpg 300w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg4-1-768x512.jpg 768w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg4-1.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f2baa13\" data-id=\"f2baa13\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5973a0a elementor-widget elementor-widget-heading\" data-id=\"5973a0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Before Icon Position Example<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd6a5bc elementor-widget elementor-widget-text-editor\" data-id=\"cd6a5bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Enhance button visibility by placing icons before the text, creating a clear visual cue that improves user interaction and readability.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0fbfddb elementor-align-left elementor-widget elementor-widget-bdt-scroll-button\" data-id=\"0fbfddb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-scroll-button.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-scroll-button-wrapper\">\n\t\t\t<button class=\"bdt-scroll-button bdt-button bdt-button-primary\" data-settings=\"[]\" data-selector=\"#my-header\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-align-icon-left\">\n\n\t\t\t\t<svg aria-hidden=\"true\" class=\"fa-fw e-font-icon-svg e-fas-angle-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z\"><\/path><\/svg>\n\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-text\">Before Icon Position<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d50a12a elementor-section-content-middle elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default magic-button-disabled-no\" data-id=\"d50a12a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5d19858\" data-id=\"5d19858\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3ac8b19 elementor-widget elementor-widget-heading\" data-id=\"3ac8b19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Button Icon Example<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa2413b elementor-widget elementor-widget-text-editor\" data-id=\"fa2413b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Combine icons with buttons to make actions more intuitive and visually appealing, helping users quickly understand each function.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9525303 elementor-align-left elementor-widget elementor-widget-bdt-scroll-button\" data-id=\"9525303\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-scroll-button.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-scroll-button-wrapper\">\n\t\t\t<button class=\"bdt-scroll-button bdt-button bdt-button-primary\" data-settings=\"[]\" data-selector=\"#my-header\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-align-icon-right\">\n\n\t\t\t\t<svg aria-hidden=\"true\" class=\"fa-fw e-font-icon-svg e-fas-angle-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z\"><\/path><\/svg>\n\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-text\">Icon Spacing<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6157108\" data-id=\"6157108\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f91e582 elementor-widget elementor-widget-image\" data-id=\"f91e582\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg8-1024x683.jpg\" class=\"attachment-large size-large wp-image-4555\" alt=\"\" srcset=\"https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg8-1024x683.jpg 1024w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg8-485x323.jpg 485w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg8-300x200.jpg 300w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg8-768x512.jpg 768w, https:\/\/www.elementpack.pro\/demo\/wp-content\/uploads\/2018\/01\/bg8.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ad8b9da elementor-section-boxed elementor-section-height-default elementor-section-height-default magic-button-disabled-no\" data-id=\"ad8b9da\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8a77f8a\" data-id=\"8a77f8a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b9cf5aa elementor-widget elementor-widget-heading\" data-id=\"b9cf5aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">More Button and Icon Style<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-ca7103d elementor-section-boxed elementor-section-height-default elementor-section-height-default magic-button-disabled-no\" data-id=\"ca7103d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-c40fd13\" data-id=\"c40fd13\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-db925f8 elementor-align-center elementor-widget elementor-widget-bdt-scroll-button\" data-id=\"db925f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-scroll-button.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-scroll-button-wrapper\">\n\t\t\t<button class=\"bdt-scroll-button bdt-button bdt-button-primary\" data-settings=\"[]\" data-selector=\"#\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-align-icon-right\">\n\n\t\t\t\t<svg aria-hidden=\"true\" class=\"fa-fw e-font-icon-svg e-fas-angle-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z\"><\/path><\/svg>\n\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-text\">Scroll Up<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21aabfb elementor-widget elementor-widget-bdt-scroll-button\" data-id=\"21aabfb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-scroll-button.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-position-fixed bdt-position-bottom-left bdt-scroll-button-wrapper\">\n\t\t\t<button class=\"bdt-scroll-button bdt-button bdt-button-primary\" data-settings=\"[]\" data-selector=\"#\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-align-icon-right\">\n\n\t\t\t\t<svg aria-hidden=\"true\" class=\"fa-fw e-font-icon-svg e-fas-angle-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z\"><\/path><\/svg>\n\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-text\">Fixed Position<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-61b1f89\" data-id=\"61b1f89\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-20659a2 elementor-align-center elementor-widget elementor-widget-bdt-scroll-button\" data-id=\"20659a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-scroll-button.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-scroll-button-wrapper\">\n\t\t\t<button class=\"bdt-scroll-button bdt-button bdt-button-primary\" data-settings=\"[]\" data-selector=\"#\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-align-icon-right\">\n\n\t\t\t\t<svg aria-hidden=\"true\" class=\"fa-fw e-font-icon-svg e-fas-angle-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z\"><\/path><\/svg>\n\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-text\">Icon Down<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-a201304\" data-id=\"a201304\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7d95cd2 elementor-align-center elementor-widget elementor-widget-bdt-scroll-button\" data-id=\"7d95cd2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-scroll-button.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-scroll-button-wrapper\">\n\t\t\t<button class=\"bdt-scroll-button bdt-button bdt-button-primary\" data-settings=\"[]\" data-selector=\"#\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-align-icon-right\">\n\n\t\t\t\t<svg aria-hidden=\"true\" class=\"fa-fw e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\n\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-text\">Icon Right<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-7dad950\" data-id=\"7dad950\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a0a2e34 elementor-align-center elementor-widget elementor-widget-bdt-scroll-button\" data-id=\"a0a2e34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-scroll-button.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-scroll-button-wrapper\">\n\t\t\t<button class=\"bdt-scroll-button bdt-button bdt-button-primary\" data-settings=\"[]\" data-selector=\"#my-header\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-align-icon-right\">\n\n\t\t\t\t<svg aria-hidden=\"true\" class=\"fa-fw e-font-icon-svg e-fas-angle-left\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z\"><\/path><\/svg>\n\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-text\">Icon Left<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e850fce elementor-widget elementor-widget-bdt-scroll-button\" data-id=\"e850fce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-scroll-button.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-position-fixed bdt-position-bottom-center bdt-scroll-button-wrapper\">\n\t\t\t<button class=\"bdt-scroll-button bdt-button bdt-button-primary\" data-settings=\"[]\" data-selector=\"#section-1\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-align-icon-right\">\n\n\t\t\t\t<svg aria-hidden=\"true\" class=\"fa-fw e-font-icon-svg e-fas-angle-double-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M177 255.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 351.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 425.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1zm-34-192L7 199.7c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l96.4-96.4 96.4 96.4c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9l-136-136c-9.2-9.4-24.4-9.4-33.8 0z\"><\/path><\/svg>\n\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"bdt-scroll-button-text\"><\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Scroll Down Example Guide users smoothly to the next section with a scroll-down action that enhances navigation flow and encourages deeper engagement with your content. Scroll Down Scroll Up Example Allow users to instantly return to the top of the page with a smooth scroll-up feature, improving usability and saving time during navigation. Scroll Up Duration Example Control the speed of scrolling animations to create a more refined and comfortable browsing experience tailored to your website\u2019s interaction style. Duration Example Offset Example (50px) Fine-tune scroll positioning with custom offset values, ensuring perfect alignment when navigating between sections or anchored content. Offset Example Before Icon Position Example Enhance button visibility by placing icons before the text, creating a clear visual cue that improves user interaction and readability. Before Icon Position Button Icon Example Combine icons with buttons to make actions more intuitive and visually appealing, helping users quickly understand each function. Icon Spacing More Button and Icon Style Scroll Up Fixed Position Icon Down Icon Right Icon Left<\/p>\n","protected":false},"author":6974,"featured_media":0,"parent":32,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5126","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/5126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/users\/6974"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/comments?post=5126"}],"version-history":[{"count":3,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/5126\/revisions"}],"predecessor-version":[{"id":169553,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/5126\/revisions\/169553"}],"up":[{"embeddable":true,"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/pages\/32"}],"wp:attachment":[{"href":"https:\/\/www.elementpack.pro\/demo\/wp-json\/wp\/v2\/media?parent=5126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}