{"id":24272,"date":"2018-02-23T00:00:00","date_gmt":"2018-02-22T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=24272"},"modified":"2023-05-26T13:32:03","modified_gmt":"2023-05-26T08:02:03","slug":"spacing-addon-overview","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/spacing-addon-overview\/","title":{"rendered":"Espaciado Addon Descripci\u00f3n general"},"content":{"rendered":"<p>Se trata de una funci\u00f3n premium disponible con <strong>Complemento Astra Pro<\/strong> plugin. Para utilizar estas funciones Pro, debe disponer de la licencia <a href=\"https:\/\/wordpress.org\/themes\/astra\/\">Tema Astra<\/a> junto con el Addon Astra Pro instalado en su sitio web.<\/p>\n\n\n\n<p>Spacing Addon le permite gestionar el margen y el relleno de varios elementos disponibles con Astra.<br>Los valores por defecto del tema ser\u00e1n sobrescritos por los valores introducidos con la configuraci\u00f3n del Addon Espaciado.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#cae3f3\"><strong>Pasos r\u00e1pidos para definir los m\u00e1rgenes y el relleno con el m\u00f3dulo adicional Espaciado<\/strong><br><strong>Paso 1:<\/strong> Aseg\u00farese de tener instalado y activado el complemento Astra Pro. <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-install-astra-pro-addon-plugin\/\">\u00bfC\u00f3mo instalar el complemento Astra Pro?<\/a><br><strong>Segundo paso:<\/strong> Active el m\u00f3dulo desde los M\u00f3dulos Astra Pro en la secci\u00f3n <em>Panel de WordPress &gt; Astra<\/em><br><strong>Paso 3:<\/strong> Despu\u00e9s de activar el m\u00f3dulo, los ajustes de espaciado para cada m\u00f3dulo aparecer\u00e1n bajo los ajustes de elementos particulares en <em>Apariencia &gt; Personalizar<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/01\/space-addon.gif\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/01\/space-addon.gif\" alt=\"Spacing Addon Overview\" class=\"wp-image-144817\" width=\"600\" height=\"281\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Visi\u00f3n general de los controles de espaciado<\/h3>\n\n\n\n<p>Los siguientes controles se incluir\u00e1n en la opci\u00f3n de espaciado.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Unidades de espacio<\/h4>\n\n\n\n<p>Puede seleccionar una unidad de espaciado entre PX (p\u00edxeles), EM (relativo al tama\u00f1o de la fuente del elemento) y % (porcentaje) seg\u00fan sus necesidades.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Opciones de espaciado adaptables<\/h4>\n\n\n\n<p>Puede establecer diferentes valores de espaciado para dispositivos responsivos. Elija un dispositivo y establezca los valores de espaciado en consecuencia<br>Arriba, Derecha, Abajo, Izquierda Espaciado.<\/p>\n\n\n\n<p>Tiene la opci\u00f3n de a\u00f1adir espaciado desde todos los lados del elemento.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Conector<\/h4>\n\n\n\n<p>El icono de enlace que ves junto al control de espaciado anterior es un conector. Cuando haga clic en \u00e9l, conectar\u00e1 las 4 opciones de espaciado (Superior, Derecho, Inferior, Izquierdo), permiti\u00e9ndole aplicar el mismo valor de espaciado para los 4 lados al mismo tiempo introduciendo un valor en cualquiera de los 4 espacios.<\/p>\n\n\n\n<p>Cuando la deseleccione, podr\u00e1 a\u00f1adir diferentes valores de espaciado para cada lado por separado.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"600\" height=\"281\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/01\/spacing-addon.gif\" alt=\"\" class=\"wp-image-144830\"\/><\/figure>\n\n\n\n<p>El addon de espaciado a\u00f1adir\u00e1 una opci\u00f3n de control de espaciado a los siguientes elementos en el personalizador.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/site-identity-spacing-controls\/\">Identidad del sitio<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/container-spacing-controls\/\">Contenedor<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/header-spacing-controls\/\">Cabecera<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/blog-archive-spacing-controls\/\">Blog \/ Archivo<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/sidebar-spacing-controls\/\">Barra lateral<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/footer-spacing-controls\/\">Pie de p\u00e1gina<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Esta es una caracter\u00edstica Premium disponible con el plugin Astra Pro Addon. Para utilizar estas caracter\u00edsticas Pro, es necesario tener el tema Astra junto con el Astra Pro Addon instalado en su sitio web. Espaciado Addon le permite gestionar el margen y el relleno de varios elementos disponibles con Astra.valores por defecto para el tema ser\u00e1 [...]<\/p>","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"docs_category":[121],"docs_tag":[],"class_list":{"0":"post-24272","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-spacing"},"spectra_custom_meta":{"_yoast_wpseo_primary_docs_category":["121"],"_wp_old_slug":[""],"_wp_page_template":["default"],"_edit_lock":["1685088124:88"],"_edit_last":["88"],"onesignal_meta_box_present":["1"],"onesignal_send_notification":[""],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["60"],"wpil_links_inbound_internal_count_data":["a:8:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:48:\"https:\/\/wpastra.com\/docs\/spacing-addon-overview\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"24124\";s:5:\"title\";s:59:\"Introducing Spacing Module & LifterLMS Integration in Astra\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:3324:\"<!-- wp:paragraph -->\n<p>Hello Everyone! We are back with another exciting update as I am delighted to introduce two new modules in the Astra Pro. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Here is the quick summary of this update:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>Spacing Module <\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":24868} -->\n<figure class=\"wp-block-image\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/03_Astra-Pro_Module_Spacing-1-1024x538.jpg\" alt=\"\" class=\"wp-image-24868\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Spacing module in Astra Pro will help you easily control the space of various elements on your site. Now, you will be easily able to control the space between your menu items, the height of the header, footer and so on!<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":24870} -->\n<figure class=\"wp-block-image\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/ezgif.com-video-to-gif-1.gif\" alt=\"\" class=\"wp-image-24870\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>For more information please refer the documentation <a href=\"https:\/\/wpastra.com\/docs\/spacing-addon-overview\/\">here<\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>The important highlight of this module is we\u2019ve provided options to choose the modern units like <em>px, em, %<\/em>. It is easy to enter different inputs for responsive devices as well. Just choose the device with toggle, choose a spacing unit, set the spacing value, and you are done!<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>LifterLMS Integration <\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":24865} -->\n<figure class=\"wp-block-image\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/02_LifterLMS_Integration-1024x538.jpg\" alt=\"\" class=\"wp-image-24865\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>If you have been following the <a href=\"https:\/\/wpastra.com\/changelog\/\">changelog<\/a>, you might have noticed we\u2019ve added the LifterLMS Integration in the Astra theme. And today, I\u2019m very pleased to officially announce this integration.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Please refer the links below to understand how it works:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><a href=\"https:\/\/wpastra.com\/docs\/lifterlms-free\/\">Option in Astra Theme for LifterLMS<\/a><\/li><li><a href=\"https:\/\/wpastra.com\/docs\/lifterlms-module-pro\/\">Option in Astra Pro Addon for LifterLMS<\/a><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Our friend, Adam from WPCrafter has created a great video tutorial as well:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:core-embed\/youtube {\"url\":\"https:\/\/www.youtube.com\/watch?v=5OY_mYKlLXc\",\"type\":\"video\",\"providerNameSlug\":\"youtube\",\"className\":\"wp-embed-aspect-16-9 wp-has-aspect-ratio\"} -->\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/www.youtube.com\/watch?v=5OY_mYKlLXc\n<\/div><\/figure>\n<!-- \/wp:core-embed\/youtube -->\n\n<!-- wp:paragraph -->\n<p>How do you like this update? Have any suggestions, feedback or just compliments? Let us know in the comments below!<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>See you next time! <\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:68:\"https:\/\/wpastra.com\/introducing-spacing-lifterlms-modules-astra-pro\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=24124\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=24124\";}}s:6:\"anchor\";s:4:\"here\";s:15:\"added_by_plugin\";b:0;}i:1;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:48:\"https:\/\/wpastra.com\/docs\/spacing-addon-overview\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"24275\";s:5:\"title\";s:30:\"Site Identity Spacing Controls\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:1398:\"<!-- wp:paragraph -->\n<p>This is a premium feature available with <strong>Astra Pro Addon<\/strong> plugin. To use these Pro features, you need to have the <a href=\"https:\/\/wordpress.org\/themes\/astra\">Astra theme<\/a> along with the Astra Pro Addon installed on your website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can manage the spacing using the Spacing module available with Astra Pro. Please refer <a href=\"https:\/\/wpastra.com\/docs\/spacing-addon-overview\/\">document<\/a>, to begin with, Spacing module.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>This will allow you to add spacing around site identities like Logo, Site Title &amp; Tagline.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can find settings under <strong>Appearance &gt; Customize &gt; Header &gt; Site Identity.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39638,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-logo-spacing.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-logo-spacing.png\" alt=\"\" class=\"wp-image-39638\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>If you want to know more about Site Identities please visit <a href=\"https:\/\/wpastra.com\/docs\/site-identity-free-2\/\">here<\/a>.<\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:56:\"https:\/\/wpastra.com\/docs\/site-identity-spacing-controls\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=24275\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=24275\";}}s:6:\"anchor\";s:8:\"document\";s:15:\"added_by_plugin\";b:0;}i:2;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:48:\"https:\/\/wpastra.com\/docs\/spacing-addon-overview\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"24280\";s:5:\"title\";s:26:\"Container Spacing Controls\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:6163:\"<!-- wp:paragraph -->\n<p>This is a premium feature available with&nbsp;<strong>Astra Pro Addon<\/strong>&nbsp;plugin. To use these Pro features, you need to have the&nbsp;<a href=\"https:\/\/wordpress.org\/themes\/astra\">Astra theme<\/a>&nbsp;along with the Astra Pro Addon installed on your website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can manage the spacing using the Spacing module available with Astra Pro. Please refer&nbsp;<a href=\"https:\/\/wpastra.com\/docs\/spacing-addon-overview\/\">document<\/a>, to begin with, Spacing module.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Make sure you have activated the module from<strong> Appearance > Astra > Addons > Spacing.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25338,\"align\":\"center\",\"linkDestination\":\"custom\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/astra-spacing-addon-activation.jpg\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/astra-spacing-addon-activation.jpg\" alt=\"\" class=\"wp-image-25338\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>A container is where the main content and information appears. You can manage inside spacing as well as outside spacing around the container. Know more about the container <a href=\"\/docs\/container-overview\/\">here<\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can find settings under <strong>Appearance &gt; Customize &gt; Layout &gt; Container.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Below are the spacing options for different container layouts -<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Boxed Layout<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>In the Boxed Layout, Space Outside Container values will be applied as a margin to the container.<br>Top space value will allow you to manage space between the header and container\u2019s top edge. While bottom space value will allow you to manage space between footer and container bottom edge.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40006,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-boxed-layout.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-boxed-layout.png\" alt=\"\" class=\"wp-image-40006\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Space Inside Container will be applied as padding to the container. It will allow you to manage space between page\/post content and the container edges.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40009,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-boxed-layout-inside-container.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-boxed-layout-inside-container.png\" alt=\"\" class=\"wp-image-40009\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><strong>Note:<\/strong> If you have enabled the sidebar, you can manage to space for it from <strong>Appearance > Customize > Layout > Sidebar<\/strong>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Content Boxed Layout<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>In Content Boxed Layout, Space Outside Container values will be applied as a margin to the container.<br>Top space value will allow you to manage space between the header and container\u2019s top edge. While bottom space value will allow you to manage space between footer and container bottom edge.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40011,\"linkDestination\":\"media\"} -->\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-content-boxed-outside-container.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-content-boxed-outside-container.png\" alt=\"\" class=\"wp-image-40011\"\/><\/a><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Space Inside Container will be applied as padding to the container. It will allow you to manage space between page\/post content and the container edges.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40010,\"linkDestination\":\"media\"} -->\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-content-boxed-inside-container.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-content-boxed-inside-container.png\" alt=\"\" class=\"wp-image-40010\"\/><\/a><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><strong>Note:<\/strong> If you have enabled the sidebar, you can manage to space for it from <strong>Appearance &gt; Customize &gt; Layout &gt; Sidebar.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Full Width \/ Contained Layout<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>In Full Width \/ Contained Layout Layout, Space Outside Container values will be applied as a margin to the container.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40012,\"linkDestination\":\"media\"} -->\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-contained-outside-container.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-contained-outside-container.png\" alt=\"\" class=\"wp-image-40012\"\/><\/a><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>In this layout, the Space Inside Container will not be applied as content will be stretched to the container\u2019s edges.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Note:<\/strong> If you have enabled the sidebar, you can manage to space for it from <strong>Appearance &gt; Customize &gt; Layout &gt; Sidebar.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Full Width \/ Stretched Layout<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>In Full Width \/ Stretched Layout, both Space Outside Container and Space Inside Container will not show any changes, as the container along with the content will be stretched the edge to edge to the width of the browser.<\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:52:\"https:\/\/wpastra.com\/docs\/container-spacing-controls\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=24280\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=24280\";}}s:6:\"anchor\";s:8:\"document\";s:15:\"added_by_plugin\";b:0;}i:3;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:48:\"https:\/\/wpastra.com\/docs\/spacing-addon-overview\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"24423\";s:5:\"title\";s:23:\"Footer Spacing Controls\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:2606:\"<!-- wp:paragraph -->\n<p>This is a premium feature available with&nbsp;<strong>Astra Pro Addon<\/strong>&nbsp;plugin. To use these Pro features, you need to have the&nbsp;<a href=\"https:\/\/wordpress.org\/themes\/astra\">Astra theme<\/a>&nbsp;along with the Astra Pro Addon installed on your website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can manage the spacing using the Spacing module available with Astra Pro. Please refer&nbsp;<a href=\"https:\/\/wpastra.com\/docs\/spacing-addon-overview\/\">document<\/a>, to begin with, Spacing module.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Make sure you have activated the module from <strong>Appearance &gt; Astra Options &gt; Spacing.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39580,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-spacer-addon.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-spacer-addon.png\" alt=\"\" class=\"wp-image-39580\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>It provides a spacing option for Footer Widgets as well as Footer Bar.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3><strong>Footer Widgets<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Spacing option for footer widget will be available when you activate Footer Widgets addon from  <strong>Appearance &gt; Astra Options &gt; Footer Widgets.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Footer Widgets Padding will add padding for footer from all sides.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40032,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-footer-spacing.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-footer-spacing.png\" alt=\"\" class=\"wp-image-40032\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3><strong>Footer Bar<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>It will add padding to the main footer (copyright area) from all sides.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40035,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-footer-bar-space.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-footer-bar-space.png\" alt=\"\" class=\"wp-image-40035\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:49:\"https:\/\/wpastra.com\/docs\/footer-spacing-controls\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=24423\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=24423\";}}s:6:\"anchor\";s:8:\"document\";s:15:\"added_by_plugin\";b:0;}i:4;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:48:\"https:\/\/wpastra.com\/docs\/spacing-addon-overview\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"24428\";s:5:\"title\";s:31:\"Blog \/ Archive Spacing Controls\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:3134:\"<!-- wp:paragraph -->\n<p>This is a premium feature available with&nbsp;<strong>Astra Pro Addon<\/strong>&nbsp;plugin. To use these Pro features, you need to have the&nbsp;<a href=\"https:\/\/wordpress.org\/themes\/astra\">Astra theme<\/a>&nbsp;along with the Astra Pro Addon installed on your website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can manage the spacing using the Spacing module available with Astra Pro. Please refer&nbsp;<a href=\"https:\/\/wpastra.com\/docs\/spacing-addon-overview\/\">document<\/a>, to begin with, Spacing module.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Make sure you have activated the module from <strong>Appearance > Astra Options > Spacing.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39580,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-spacer-addon.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-spacer-addon.png\" alt=\"\" class=\"wp-image-39580\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You will get options to set spacing for posts and pagination on blog\/archive pages.&nbsp;You can find settings under <strong>Appearance &gt; Customize &gt; Blog &gt; Blog \/ Archive.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Below are the available options -<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Post Pagination Space<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39623,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-blog-spacing.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-blog-spacing.png\" alt=\"\" class=\"wp-image-39623\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>It will add padding around the pagination option from all sides.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Post-Outside Space<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39629,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-post-spacing-2.png\" alt=\"\" class=\"wp-image-39629\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>It will add a margin to the individual post from all sides.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Post Inside Space<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39630,\"align\":\"center\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-post-spacing-3.png\" alt=\"\" class=\"wp-image-39630\"\/><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>It will add padding for the individual post from all sides.<br><\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:55:\"https:\/\/wpastra.com\/docs\/blog-archive-spacing-controls\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=24428\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=24428\";}}s:6:\"anchor\";s:8:\"document\";s:15:\"added_by_plugin\";b:0;}i:5;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:48:\"https:\/\/wpastra.com\/docs\/spacing-addon-overview\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"24436\";s:5:\"title\";s:24:\"Sidebar Spacing Controls\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:2800:\"<!-- wp:paragraph -->\n<p>This is a premium feature available with&nbsp;<strong>Astra Pro Addon<\/strong>&nbsp;plugin. To use these Pro features, you need to have the&nbsp;<a href=\"https:\/\/wordpress.org\/themes\/astra\">Astra theme<\/a>&nbsp;along with the Astra Pro Addon installed on your website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can manage the spacing using the Spacing module available with Astra Pro. Please refer&nbsp;<a href=\"https:\/\/wpastra.com\/docs\/spacing-addon-overview\/\">document<\/a>, to begin with, Spacing module.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Make sure you have activated the module from <strong>Appearance &gt; Astra Options &gt; Spacing.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39580,\"linkDestination\":\"media\"} -->\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-spacer-addon.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-spacer-addon.png\" alt=\"\" class=\"wp-image-39580\"\/><\/a><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>You can find settings under <strong>Appearance &gt; Customize &gt; Sidebar.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Below are the available options-<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3><strong>Sidebar Outside Space<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This will add space around the widgets in the sidebar. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>The top spacing value will add a margin at the top.<\/li><li>The bottom spacing value will add a bottom margin for the whole sidebar as well as the bottom margin for individual widget inside the sidebar.<\/li><li>Left and Right space will add padding to the left and right side of the whole sidebar.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":39604,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-sidebar-spacing.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-sidebar-spacing.png\" alt=\"\" class=\"wp-image-39604\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3><strong>Sidebar Inside Space<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>It will add padding to the individual widget from all sides.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39615,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-sidebar-spacing-2.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-sidebar-spacing-2.png\" alt=\"\" class=\"wp-image-39615\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:50:\"https:\/\/wpastra.com\/docs\/sidebar-spacing-controls\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=24436\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=24436\";}}s:6:\"anchor\";s:8:\"document\";s:15:\"added_by_plugin\";b:0;}i:6;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:48:\"https:\/\/wpastra.com\/docs\/spacing-addon-overview\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"24560\";s:5:\"title\";s:23:\"Header Spacing Controls\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:7542:\"<!-- wp:paragraph -->\n<p>This is a premium feature available with&nbsp;<strong>Astra Pro Addon<\/strong>&nbsp;plugin. To use these Pro features, you need to have the&nbsp;<a href=\"https:\/\/wordpress.org\/themes\/astra\">Astra theme<\/a>&nbsp;along with the Astra Pro Addon installed on your website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can manage the spacing using the Spacing module available with Astra Pro. Please refer&nbsp;<a href=\"https:\/\/wpastra.com\/docs\/spacing-addon-overview\/\">document<\/a>, to begin with, Spacing module.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>In this, you get an option to set spacing for the header layout. Enabling Spacing Addon will add options to following header layout -<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Primary Header<\/li><li>Primary Menu<\/li><li>Above Header<\/li><li>Below Header<\/li><li>Sticky Header<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3><strong>Primary Header<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Option to set spacing for Primary Header and Primary Menu\/Submenu can be found&nbsp;under <strong>Appearance &gt; Customize &gt; Layout &gt; Primary Header<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><u>Header Space<\/u> -&nbsp;A primary header is a part where your site identity and primary navigation menu appears. You can set spacing around the content in it.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":39994,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-primary-header-space.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-primary-header-space.png\" alt=\"\" class=\"wp-image-39994\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3><strong>Primary Menu<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:list -->\n<ul><li>Menu Space -&nbsp;Primary Menu is a navigation menu appears inside the primary header. The spacing value set for this will be applied as padding around each menu item. It allows you to adjust space between each menu item.<\/li><li>Submenu Space -&nbsp;The spacing value set for Primary Submenu will be applied as padding around each submenu item.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":39996,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-menu-space.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-menu-space.png\" alt=\"\" class=\"wp-image-39996\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4><strong>Above Header<\/strong><\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>When you activate Header Sections Addons from <strong>Appearance &gt; Astra &gt; Addons &gt; Header Sections<\/strong> and enable Above Header on the site, you can see this option. You can read more about Header Sections Addon from <a href=\"https:\/\/wpastra.com\/docs\/header-sections-pro\/\">here<\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39999} -->\n<figure class=\"wp-block-image\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-1024x532.png\" alt=\"\" class=\"wp-image-39999\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Setting will be available under <strong>Appearance &gt; Customize &gt; Header &gt; Above Header<\/strong><br>Above Header Space will add padding to the above header section from all sides.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>When you select the Menu option for either section in the above header, spacing options for the above header menu and submenu are visible. Padding will be applied for the individual menu item with this.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>We provide more styling options in dedicated modules of <strong>Astra Pro Addon<\/strong> plugin. Learn more about the <strong><a href=\"https:\/\/wpastra.com\/docs\/header-sections-pro\/\">Header Sections<\/a><\/strong> module of Astra Pro Addon.  <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4><strong>Below Header<\/strong><\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>When you activate Header Sections Addons from <strong>Appearance &gt; Astra &gt; Addons &gt; Header Sections<\/strong> and enable Below Header on site, you can see this option. You can read more about Header Sections Addon from <a href=\"https:\/\/wpastra.com\/docs\/header-sections-pro\/\">here<\/a>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>The setting will be available under <strong>Appearance &gt; Customize &gt; Header &gt; Below Header<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Below Header Space will add padding to below header section from all sides.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40001,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-space.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-space.png\" alt=\"\" class=\"wp-image-40001\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>When you select Menu option for either section in below header, spacing options for below header menu and submenu are visible. Padding will be applied for the individual menu item with this.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40002,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-menu-space.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-menu-space.png\" alt=\"\" class=\"wp-image-40002\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>We provide more styling options in dedicated modules of <strong>Astra Pro Addon<\/strong> plugin. Learn more about the <strong><a href=\"https:\/\/wpastra.com\/docs\/header-sections-pro\/\">Header Sections<\/a><\/strong> module of Astra Pro Addon. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3><strong>Sticky Header<\/strong><\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>If you have activated Sticky Header Addon from <strong>Appearance > Astra > Addons > Sticky Header<\/strong> and using it on your site, you can manage its spacing. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Spacing values set for Site Identity, Primary Header and Primary Menu\/Submenu will be applied to Sticky Header by default.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Make a note, when you enable Shrink Effect for Sticky Header, top and bottom spacing for Site Identity, Primary Header, and Primary Menu\/Submenu will be removed. While Left and Right spacing will remain as it is.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40004,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-sticky-header.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-sticky-header.png\" alt=\"\" class=\"wp-image-40004\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>We provide more styling options in dedicated modules of <strong>Astra Pro Addon<\/strong> plugin. Learn more about the <strong><a href=\"https:\/\/wpastra.com\/docs\/sticky-header\/\">Sticky Header<\/a><\/strong> module of Astra Pro Addon.<\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:49:\"https:\/\/wpastra.com\/docs\/header-spacing-controls\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=24560\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=24560\";}}s:6:\"anchor\";s:8:\"document\";s:15:\"added_by_plugin\";b:0;}i:7;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:48:\"https:\/\/wpastra.com\/docs\/spacing-addon-overview\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"24873\";s:5:\"title\";s:13:\"Version 1.2.0\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:1563:\"<strong>Astra Pro v1.2.0 is finally here<\/strong> ?\r\n\r\nSome of the Highlights of v1.2.0\r\n<ul>\r\n \t<li>Introduced Spacing Addon. Check out <a href=\"https:\/\/wpastra.com\/docs\/spacing-addon-overview\/\">the documentation<\/a>\u00a0for the Spacing Addon.<\/li>\r\n \t<li>Introduced LifterLMS Addon. Check out <a href=\"https:\/\/wpastra.com\/docs\/lifterlms-overview\/\">the documentation<\/a>\u00a0for LifterLMS Addon.<\/li>\r\n \t<li>Added Typography and Color options for WooCommerce.<\/li>\r\n \t<li>New shortcode <code>[astra_woo_mini_cart]<\/code> to display cart icon anywhere you want. Check out the <a href=\"https:\/\/wpastra.com\/docs\/shortcode-for-astra-mini-cart\/\">documentation for the shortcode<\/a><\/li>\r\n<\/ul>\r\nBe sure check out the changelogs of all the beta versions of v1.2.0 for the complete list of changes.\r\n\r\nFixes:\r\n<ul>\r\n \t<li>Fixed a bug where too many cache files were being created on some of the hosting providers.<\/li>\r\n \t<li>Move Site layout options into Container Layout.<\/li>\r\n \t<li>Woocommerce Single Product Ajax add to cart is activated then related products and upsells not able to add to the cart.<\/li>\r\n \t<li>Display Author only for the post, not for any custom post type.<\/li>\r\n \t<li>Corrected the global translations directory to be - `wp-content\/languages\/plugin\/&lt;translation-file&gt;`. Earlier this global directory was `wp-content\/languages\/&lt;translation-file&gt;` Which differed from what we are recommending in the translation documentation - <a href=\"https:\/\/wpastra.com\/docs\/how-to-translate\/\">https:\/\/wpastra.com\/docs\/how-to-translate\/<\/a><\/li>\r\n<\/ul>\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:46:\"https:\/\/wpastra.com\/changelog\/version-1-2-0-2\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=24873\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=24873\";}}s:6:\"anchor\";s:17:\"the documentation\";s:15:\"added_by_plugin\";b:0;}}"],"wpil_links_outbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_external_count_data":["a:9:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:34:\"https:\/\/wordpress.org\/themes\/astra\";s:4:\"host\";s:13:\"wordpress.org\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:11:\"Astra theme\";s:15:\"added_by_plugin\";b:0;}i:1;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:63:\"https:\/\/wpastra.com\/docs\/how-to-install-astra-pro-addon-plugin\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:38:\"How to Install Astra Pro Addon plugin?\";s:15:\"added_by_plugin\";b:0;}i:2;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:71:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-spacer-addon.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:114:\"<img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-spacer-addon.png\" alt=\"\" class=\"wp-image-39580\"\/>\";s:15:\"added_by_plugin\";b:0;}i:3;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:56:\"https:\/\/wpastra.com\/docs\/site-identity-spacing-controls\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:13:\"Site Identity\";s:15:\"added_by_plugin\";b:0;}i:4;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:52:\"https:\/\/wpastra.com\/docs\/container-spacing-controls\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:9:\"Container\";s:15:\"added_by_plugin\";b:0;}i:5;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:49:\"https:\/\/wpastra.com\/docs\/header-spacing-controls\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:6:\"Header\";s:15:\"added_by_plugin\";b:0;}i:6;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:55:\"https:\/\/wpastra.com\/docs\/blog-archive-spacing-controls\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:14:\"Blog \/ Archive\";s:15:\"added_by_plugin\";b:0;}i:7;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:50:\"https:\/\/wpastra.com\/docs\/sidebar-spacing-controls\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:7:\"Sidebar\";s:15:\"added_by_plugin\";b:0;}i:8;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:49:\"https:\/\/wpastra.com\/docs\/footer-spacing-controls\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:6:\"Footer\";s:15:\"added_by_plugin\";b:0;}}"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"wpil_sync_report3":["1"],"wpil_links_inbound_internal_count":["8"],"wpil_links_outbound_internal_count":["0"],"wpil_links_outbound_external_count":["9"],"wpil_sync_report2_time":["2019-10-17T08:11:22+00:00"],"_ppc_meta_key":["a:8:{s:20:\"ppc_key5d92f85d42273\";s:60:\"Images &amp; Names Correctly. Title &amp; Alt Tags are Given\";s:8:\"ppc_key4\";s:15:\"Formatting Done\";s:8:\"ppc_key3\";s:17:\"Category Selected\";s:8:\"ppc_key2\";s:23:\"Featured Image Assigned\";s:8:\"ppc_key5\";s:15:\"Title is Catchy\";s:8:\"ppc_key6\";s:22:\"Social Images Assigned\";s:8:\"ppc_key8\";s:28:\"Spelling and Grammar Checked\";s:8:\"ppc_key7\";s:8:\"Done SEO\";}"],"_yoast_wpseo_title":["How to Set Margins and Padding with Spacing Addon in Astra?"],"_oembed_a133a251e58bcf2abb8b1417dd2c3e19":["<iframe title=\"Astra Pro Spacing - Connector\" src=\"https:\/\/player.vimeo.com\/video\/542737360?h=fd4dd8a3db&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"258\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_a133a251e58bcf2abb8b1417dd2c3e19":["1674470858"],"wp_last_modified_info":["May 26, 2023 @ 1:32 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_yoast_wpseo_estimated-reading-time-minutes":["2"],"_oembed_a14bd7535769e5f61688eba2167e6bbd":["<iframe title=\"Astra Pro Spacing - Connector\" src=\"https:\/\/player.vimeo.com\/video\/542737360?dnt=1&amp;app_id=122963\" width=\"1200\" height=\"620\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_a14bd7535769e5f61688eba2167e6bbd":["1619626840"],"_ht_kb_post_views_count":["31"],"_ht_kb_usefulness":["0"],"_ht_article_order_121":["24272"],"views":["24663"],"helpful":["22"],"unhelpful":["32"],"redirects":["14"],"rank_math_primary_docs_category":["121"],"rank_math_title":["How to Set Margins and Padding with Spacing Addon in Astra?"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1230"],"rank_math_schema_VideoObject":["a:9:{s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-62159eb81cb22\";s:9:\"isPrimary\";s:1:\"1\";s:23:\"reviewLocationShortcode\";s:24:\"[rank_math_rich_snippet]\";s:8:\"category\";s:12:\"%categories%\";s:4:\"tags\";s:6:\"%tags%\";s:15:\"isAutoGenerated\";s:1:\"1\";}s:5:\"@type\";s:11:\"VideoObject\";s:8:\"embedUrl\";s:40:\"https:\/\/player.vimeo.com\/video\/542737360\";s:4:\"name\";s:11:\"%seo_title%\";s:11:\"description\";s:17:\"%seo_description%\";s:10:\"uploadDate\";s:20:\"%date(Y-m-dTH:i:sP)%\";s:12:\"thumbnailUrl\";s:121:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/How-to-Set-Margins-and-Padding-with-Spacing-Addon-in-Astra.png\";s:7:\"hasPart\";a:0:{}s:16:\"isFamilyFriendly\";s:1:\"1\";}"],"rank_math_seo_score":["21"],"rank_math_internal_links_processed":["1"],"_wplmi_last_modified":["2023-05-26 13:32:03"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"caa8540050593a14cb23d862b46d408e\";s:6:\"images\";a:1:{i:0;i:144817;}}"],"rank_math_shortcode_schema_s-62159eb81cb22":["1660333"],"pfd_related_docs":[""],"_wpml_media_duplicate":["1"],"_trp_automatically_translated_slug_es_ES":["espaciado-addon-descripcion-general"],"_uag_page_assets":["a:9:{s:3:\"css\";s:2495:\".wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-debf2792{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;border-color: inherit;row-gap: 0px;column-gap: 0px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:7:{i:0;s:14:\"core\/paragraph\";i:1;s:10:\"core\/image\";i:2;s:12:\"core\/heading\";i:3;s:9:\"core\/list\";i:4;s:14:\"core\/list-item\";i:5;s:14:\"uagb\/container\";i:6;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776522678\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Anjali","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/anjalic\/"},"uagb_comment_info":0,"uagb_excerpt":"This is a premium feature available with Astra Pro Addon plugin. To use these Pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website. Spacing Addon allows you to manage the margin and padding for various elements available with Astra.Default values for the theme will be&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/24272"}],"collection":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=24272"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/24272\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=24272"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=24272"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=24272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}