{"id":24143,"date":"2018-02-22T00:00:00","date_gmt":"2018-02-21T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=24143"},"modified":"2023-06-06T05:39:19","modified_gmt":"2023-06-06T00:09:19","slug":"max-width-site-layout","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/max-width-site-layout\/","title":{"rendered":"Anchura m\u00e1xima Dise\u00f1o del sitio"},"content":{"rendered":"<p>Se trata de una funci\u00f3n premium disponible con el <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>Consulte lo siguiente <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/site-layout-overview\/\">documento<\/a>Para empezar, el dise\u00f1o del sitio.  <\/p>\n\n\n\n<p>Un sitio web suele tener el envoltorio principal seguido del contenedor.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>La envoltura principal consta de cabecera, contenido, barra lateral y pie de p\u00e1gina: todo el sitio web;<\/li>\n\n\n\n<li>Y el contenedor es la envoltura infantil que incluye el contenido y la barra lateral.<\/li>\n<\/ul>\n\n\n\n<p>En Max Width Site Layout, la envoltura principal del sitio web se ajusta a una determinada anchura m\u00e1xima. Tambi\u00e9n hemos proporcionado ajustes para que pueda controlar los m\u00e1rgenes superior e inferior, de modo que pueda dise\u00f1ar su sitio web para que aparezca como una verdadera caja.<\/p>\n\n\n\n<p>Encontrar\u00e1 la configuraci\u00f3n para gestionar la anchura m\u00e1xima del dise\u00f1o del sitio en <strong>Apariencia &gt; Personalizar &gt; Global &gt; Contenedor &gt; Dise\u00f1o del sitio<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/10\/max-width-1.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/10\/max-width-1-1024x481.png\" alt=\"Max Width Site Layout\" class=\"wp-image-135336\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/10\/max-width-1-1024x481.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/10\/max-width-1-300x141.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/10\/max-width-1-768x360.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/10\/max-width-1-1536x721.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/10\/max-width-1.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p> <strong>Otras notas:<\/strong><br>Si necesita establecer una imagen de fondo para todo el sitio, consulte este documento: <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/colors-background\/\" target=\"_blank\" rel=\"noreferrer noopener\">Global Colors - Tema Astra<\/a>. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfCu\u00e1l es la diferencia entre el dise\u00f1o de sitio de anchura completa y el dise\u00f1o de sitio de anchura m\u00e1xima?<\/h3>\n\n\n\n<p>El dise\u00f1o de sitio a todo lo ancho se refiere a una opci\u00f3n de dise\u00f1o en la que el contenido de su sitio web abarca todo el ancho de la ventana del navegador, de borde a borde. Esto significa que no hay m\u00e1rgenes visibles ni barras laterales a izquierda o derecha del \u00e1rea de contenido. El contenido ocupa todo el espacio disponible, lo que le permite mostrar su contenido en un formato m\u00e1s amplio. Proporciona un aspecto m\u00e1s envolvente y moderno, especialmente en pantallas grandes.<\/p>\n\n\n\n<p>Por otro lado, el dise\u00f1o de sitio de anchura m\u00e1xima se refiere a una opci\u00f3n de dise\u00f1o en la que el contenido de su sitio web se limita a una anchura m\u00e1xima espec\u00edfica, independientemente de la anchura de la ventana del navegador. Esto significa que habr\u00e1 m\u00e1rgenes o barras laterales visibles a izquierda y derecha del \u00e1rea de contenido, creando una apariencia m\u00e1s contenida y centrada. El contenido se centra dentro de la anchura m\u00e1xima especificada, proporcionando un dise\u00f1o m\u00e1s tradicional y conservador.<\/p>\n\n\n\n<p>La elecci\u00f3n entre estas dos opciones de dise\u00f1o depende de los objetivos y la est\u00e9tica de su sitio web. Los dise\u00f1os de sitio de ancho completo se utilizan a menudo para sitios web que quieren hacer una declaraci\u00f3n audaz o mostrar elementos visuales con m\u00e1s impacto. Funcionan bien para portafolios, sitios web de fotograf\u00eda o sitios que priorizan una experiencia visual envolvente. Por otro lado, los dise\u00f1os de sitio de anchura m\u00e1xima se suelen utilizar para sitios web centrados en el contenido, blogs o sitios que buscan una presentaci\u00f3n m\u00e1s estructurada y organizada.<\/p>","protected":false},"excerpt":{"rendered":"<p>Esta es una funci\u00f3n Premium disponible con el complemento Astra Pro. Para utilizar estas caracter\u00edsticas Pro, necesita tener el tema Astra junto con el Addon Astra Pro instalado en su sitio web. Por favor, consulte el siguiente documento, para empezar, Dise\u00f1o del sitio. Un sitio web generalmente tiene la envoltura principal seguida del contenedor. [...]<\/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":[119],"docs_tag":[],"class_list":{"0":"post-24143","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-site-layout"},"spectra_custom_meta":{"_yoast_wpseo_primary_docs_category":["119"],"_wp_old_slug":[""],"_wp_page_template":["default"],"_edit_lock":["1686010160:86"],"_edit_last":["86"],"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":["2"],"wpil_links_inbound_internal_count_data":["a:2:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:47:\"https:\/\/wpastra.com\/docs\/max-width-site-layout\/\";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:\"24136\";s:5:\"title\";s:20:\"Site Layout Overview\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:2994:\"<!-- wp:paragraph -->\n<p>This is a premium feature available with<strong> Astra Pro<\/strong> Addon 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 {\"customBackgroundColor\":\"#cae3f3\"} -->\n<p style=\"background-color:#cae3f3\" class=\"has-background\"><strong>Quick Steps to Create Site Layout using the Site Layouts 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; Global &gt; Container &gt; Site Layout<\/em> ] for Site Layout options and settings<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can activate the module from&nbsp;&nbsp;<strong>Appearance &gt; Astra Options &gt; Site Layouts.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39728,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-site-layouts.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-site-layouts.png\" alt=\"\" class=\"wp-image-39728\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>With Site Layout module, you can manage the overall layout of the website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Once you activate the module you can find Site Layout setting under <strong>Appearance &gt; Customize &gt; Global &gt; Container &gt; Site Layout<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39730,\"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-site-layout-settings.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-site-layout-settings.png\" alt=\"\" class=\"wp-image-39730\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>The layout chosen will be applied to the outer wrapper of the site. The default layout will be \u201cFull Width\u201d. Options available with Site Layout modules are explained in individual articles linked below.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><a href=\"\/docs\/full-width-site-layout\/\">Full-Width Layout<\/a><\/li><li><a href=\"https:\/\/wpastra.com\/docs\/max-width-site-layout\/\">Max Width Layout<\/a><\/li><li><a href=\"\/docs\/padded-site-layout\/\">Padded Layout<\/a><\/li><li><a href=\"\/docs\/fluid-site-layout\/\">Fluid Layout<\/a><\/li><\/ul>\n<!-- \/wp:list -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:46:\"https:\/\/wpastra.com\/docs\/site-layout-overview\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=24136\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=24136\";}}s:6:\"anchor\";s:16:\"Max Width Layout\";s:15:\"added_by_plugin\";b:0;}i:1;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:47:\"https:\/\/wpastra.com\/docs\/max-width-site-layout\/\";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:\"25507\";s:5:\"title\";s:41:\"How to Set Background Image for the Site?\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:1682:\"<!-- wp:paragraph -->\n<p>Option to set a background image for the site 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>Background image option is available for&nbsp;<a href=\"https:\/\/wpastra.com\/docs\/padded-site-layout\/\">Padded<\/a> and&nbsp;<a href=\"https:\/\/wpastra.com\/docs\/max-width-site-layout\/\">Max Width<\/a> Site Layout. Kindly follow the steps -<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol><li>Activate the <a href=\"https:\/\/wpastra.com\/docs\/site-layout-overview\/\">Site Layout<\/a>&nbsp;and <a href=\"https:\/\/wpastra.com\/docs\/colors-background-module\/\">Colors &amp; Background<\/a> module available&nbsp;with Astra Pro Addon plugin.<\/li><li>Set site layout to <a href=\"https:\/\/wpastra.com\/docs\/padded-site-layout\/\">Padded<\/a> or&nbsp;<a href=\"https:\/\/wpastra.com\/docs\/max-width-site-layout\/\">Max Width<\/a>.<\/li><li>Navigate to <strong>Appearance &gt; Customize &gt;&nbsp;Global &gt; Colors &gt; Base Colors<\/strong><\/li><li>You will find an option to set the background image to the site.<\/li><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":25515,\"align\":\"center\",\"linkDestination\":\"custom\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/astra-customizer-bg-image-options.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/astra-customizer-bg-image-options.png\" alt=\"\" class=\"wp-image-25515\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:66:\"https:\/\/wpastra.com\/docs\/how-to-set-background-image-for-the-site\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=25507\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=25507\";}}s:6:\"anchor\";s:9:\"Max Width\";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":["5"],"wpil_links_outbound_external_count_data":["a:5:{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:46:\"https:\/\/wpastra.com\/docs\/site-layout-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:68:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-max-width.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:111:\"<img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-max-width.png\" alt=\"\" class=\"wp-image-39721\"\/>\";s:15:\"added_by_plugin\";b:0;}i:3;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:70:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-max-width-2.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:113:\"<img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-max-width-2.png\" alt=\"\" class=\"wp-image-39723\"\/>\";s:15:\"added_by_plugin\";b:0;}i:4;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:66:\"https:\/\/wpastra.com\/docs\/how-to-set-background-image-for-the-site\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:41:\"How to set Background Image for the site?\";s:15:\"added_by_plugin\";b:0;}}"],"wpil_sync_report2_time":["2019-10-18T13:36: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 Set Max Width Site Layout with Astra?"],"_yoast_wpseo_estimated-reading-time-minutes":["2"],"_ht_kb_post_views_count":["11"],"_ht_kb_usefulness":["0"],"_ht_article_order_119":["24143"],"wp_last_modified_info":["June 6, 2023 @ 5:39 AM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["7460"],"helpful":["14"],"unhelpful":["12"],"redirects":["6"],"rank_math_primary_docs_category":["119"],"rank_math_title":["How to Set Max Width Site Layout with Astra?"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1246"],"rank_math_internal_links_processed":["1"],"rank_math_seo_score":["20"],"_wplmi_last_modified":["2023-06-06 05:39:19"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"46f81699f628e4a205ef1cbbf4576baf\";s:6:\"images\";a:1:{i:0;i:135336;}}"],"pfd_related_docs":[""],"_wpml_media_duplicate":["1"],"_trp_automatically_translated_slug_es_ES":["anchura-maxima-diseno-del-sitio"],"_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:9:\"core\/list\";i:2;s:14:\"core\/list-item\";i:3;s:10:\"core\/image\";i:4;s:12:\"core\/heading\";i:5;s:14:\"uagb\/container\";i:6;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776526083\";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 the 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. Please refer\u00a0to the following document, to begin with, Site Layout. A website generally has the main wrapper followed by the container.&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/24143"}],"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=24143"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/24143\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=24143"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=24143"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=24143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}