{"id":24275,"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=24275"},"modified":"2021-11-29T18:53:56","modified_gmt":"2021-11-29T13:23:56","slug":"site-identity-spacing-controls","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/site-identity-spacing-controls\/","title":{"rendered":"Controles de espaciado de la identidad del emplazamiento"},"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>Puede gestionar el espaciado utilizando el m\u00f3dulo de espaciado disponible con Astra Pro. Consulte <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/spacing-addon-overview\/\">documento<\/a>...para empezar, m\u00f3dulo espaciador.<\/p>\n\n\n\n<p>Esto le permitir\u00e1 a\u00f1adir espaciado alrededor de las identidades del sitio, como el logotipo, el t\u00edtulo del sitio y el eslogan.<\/p>\n\n\n\n<p>Encontrar\u00e1 los ajustes en <strong>Apariencia &gt; Personalizar &gt; Cabecera &gt; Identidad del sitio.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/astra-3-site-identity-spacing.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1366\" height=\"715\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/astra-3-site-identity-spacing.png\" alt=\"Site Identity Spacing, Astra 3.0+\" class=\"wp-image-85002\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/astra-3-site-identity-spacing.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/astra-3-site-identity-spacing-300x157.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/astra-3-site-identity-spacing-1024x536.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/astra-3-site-identity-spacing-768x402.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Si desea saber m\u00e1s sobre las identidades de sitio, visite <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/site-identity-spacing-controls\/\">aqu\u00ed<\/a>.<\/p>","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. Puede gestionar el espaciado utilizando el m\u00f3dulo Espaciado disponible con Astra Pro. Por favor, consulte el documento, para empezar, Espaciado m\u00f3dulo. Este [...]<\/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-24275","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":["1638192238:25"],"_edit_last":["25"],"onesignal_meta_box_present":["1"],"onesignal_send_notification":[""],"wpil_sync_report3":["1"],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["90"],"wpil_links_inbound_internal_count":["1"],"wpil_links_inbound_internal_count_data":["a:1:{i:0;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:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"24272\";s:5:\"title\";s:22:\"Spacing Addon Overview\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:4115:\"<!-- 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>Spacing Addon allows you to manage the margin and padding for various elements available with Astra.<br>Default values for the theme will be overwritten by the values entered with Spacing Addon settings.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"customBackgroundColor\":\"#cae3f3\"} -->\n<p style=\"background-color:#cae3f3\" class=\"has-background\"><strong>Quick Steps on How to Set Margins and Padding Using the Spacing Addon Module<\/strong><br><strong>Step 1:<\/strong> Make sure you have the Astra Pro Addon plugin installed and activated. <a href=\"https:\/\/wpastra.com\/docs\/how-to-install-astra-pro-addon-plugin\/\">How to Install Astra Pro Addon plugin?<\/a><br><strong>Step 2:<\/strong> Activate the module from the Astra Options under the <em>WordPress Dashboard &gt; Appearance &gt; Astra Options<\/em><br><strong>Step 3:<\/strong> Visit customizer [ <em>Appearance &gt; Astra Options &gt; Spacing<\/em> ] to set margins and padding<\/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>After activating the module, spacing settings for each module will appear under particular element settings in <strong>Appearance &gt; Customize<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Spacing controls overview<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>The following controls will be included in the spacing option.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Spacing Units<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>You can select a spacing unit from PX (pixels), EM (Relative to the font-size of the element), % (percentage) as per requirement.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Responsive spacing options<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>You can set different spacing values for responsive devices. Choose a device and set spacing values accordingly<br>Top, Right, Bottom, Left Spacing<br>You get an option to add spacing from all sides to the element.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Connector<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>The link icon you see next to the above spacing control is a connector. When you click it, it will connect all 4 (Top, Right, Bottom, Left) spacing option together and you can apply the same spacing value for all 4 sides.<br>When you deselect it, you will be able to add different spacing values for each side.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:video {\"id\":40948,\"align\":\"center\"} -->\n<figure class=\"wp-block-video aligncenter\"><video autoplay loop muted src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-spacer-settings.mp4\"><\/video><\/figure>\n<!-- \/wp:video -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>The spacing addon will add a spacing control option to the following elements in the customizer.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><a href=\"https:\/\/wpastra.com\/docs\/site-identity-spacing-controls\/\">Site Identity<\/a><\/li><li><a href=\"https:\/\/wpastra.com\/docs\/container-spacing-controls\/\">Container<\/a><\/li><li><a href=\"https:\/\/wpastra.com\/docs\/header-spacing-controls\/\">Header<\/a><\/li><li><a href=\"https:\/\/wpastra.com\/docs\/blog-archive-spacing-controls\/\">Blog \/ Archive<\/a><\/li><li><a href=\"https:\/\/wpastra.com\/docs\/sidebar-spacing-controls\/\">Sidebar<\/a><\/li><li><a href=\"https:\/\/wpastra.com\/docs\/footer-spacing-controls\/\">Footer<\/a><\/li><\/ul>\n<!-- \/wp:list -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:48:\"https:\/\/wpastra.com\/docs\/spacing-addon-overview\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=24272\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=24272\";}}s:6:\"anchor\";s:13:\"Site Identity\";s:15:\"added_by_plugin\";b:0;}}"],"wpil_links_outbound_internal_count":["0"],"wpil_links_outbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_external_count":["4"],"wpil_links_outbound_external_count_data":["a:4:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:35:\"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:48:\"https:\/\/wpastra.com\/docs\/spacing-addon-overview\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;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:71:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-logo-spacing.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-logo-spacing.png\" alt=\"\" class=\"wp-image-39638\"\/>\";s:15:\"added_by_plugin\";b:0;}i:3;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:46:\"https:\/\/wpastra.com\/docs\/site-identity-free-2\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:4:\"here\";s:15:\"added_by_plugin\";b:0;}}"],"wpil_sync_report2_time":["2019-10-18T13:32:22+00:00"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"_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_key2\";s:23:\"Featured Image Assigned\";s:8:\"ppc_key3\";s:17:\"Category Selected\";s:8:\"ppc_key5\";s:15:\"Title is Catchy\";s:8:\"ppc_key6\";s:22:\"Social Images Assigned\";s:8:\"ppc_key7\";s:8:\"Done SEO\";s:8:\"ppc_key8\";s:28:\"Spelling and Grammar Checked\";}"],"_yoast_wpseo_title":["How to Manage Spacing in Site Identity Using Astra?"],"_yoast_wpseo_estimated-reading-time-minutes":["1"],"_ht_kb_post_views_count":["10"],"_ht_kb_usefulness":["-1"],"_ht_article_order_121":["24275"],"wp_last_modified_info":["November 29, 2021 @ 6:53 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["4481"],"helpful":["4"],"unhelpful":["8"],"redirects":["0"],"rank_math_primary_docs_category":["121"],"rank_math_title":["How to Manage Spacing in Site Identity Using Astra?"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1231"],"rank_math_internal_links_processed":["1"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"4f8cb5b4efc2f3ee47d709842cbacc93\";s:6:\"images\";a:1:{i:0;i:85002;}}"],"_wpml_media_duplicate":["1"],"_trp_automatically_translated_slug_es_ES":["controles-de-espaciado-de-la-identidad-del-emplazamiento"],"_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:4:{i:0;s:14:\"core\/paragraph\";i:1;s:10:\"core\/image\";i:2;s:14:\"uagb\/container\";i:3;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776532042\";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. You can manage the spacing using the Spacing module available with Astra Pro. Please refer document, to begin with, Spacing module. This&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/24275"}],"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=24275"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/24275\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=24275"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=24275"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=24275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}