{"id":24914,"date":"2018-02-27T00:00:00","date_gmt":"2018-02-26T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=24914"},"modified":"2023-12-26T17:04:50","modified_gmt":"2023-12-26T11:34:50","slug":"colors-background-module","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/colors-background-module\/","title":{"rendered":"M\u00f3dulo Colores y fondo"},"content":{"rendered":"<p>Un buen dise\u00f1o web es crucial para cualquier presencia en Internet. El tema Astra lo entiende bien, ofreciendo una gama de colores modernos para que su sitio sea visualmente atractivo. Para mejorar la personalizaci\u00f3n, el plugin Astra Pro incluye el complemento Colors &amp; Background.<\/p>\n\n\n\n<p>Este m\u00f3dulo le da m\u00e1s control y una gama m\u00e1s amplia de opciones, lo que le permite personalizar su sitio web de acuerdo a sus preferencias y necesidades de marca.<\/p>\n\n\n\n<p>A trav\u00e9s de este documento, conocer\u00e1 mejor c\u00f3mo utilizar eficazmente este <strong>M\u00f3dulo de colores y fondo.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/headings.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"479\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/headings-1024x479.png\" alt=\"\" class=\"wp-image-145544\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/headings-1024x479.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/headings-300x140.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/headings-768x359.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/headings-1536x718.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/headings.png 1906w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00bfQu\u00e9 es el m\u00f3dulo Colores y fondos en Astra? <\/strong><\/h3>\n\n\n\n<p>Esta funci\u00f3n premium est\u00e1 disponible con el<a href=\"https:\/\/git-staging.wpastra.com\/es\/pro\/\"> Plugin Astra Pro<\/a>. Por lo tanto, para poder utilizar este complemento, es necesario tener el archivo <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-install-astra-theme\/\">Tema Astra instalado <\/a>junto con el propio plugin Astra Pro.<\/p>\n\n\n\n<p>El tema Astra (gratuito)<a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/colors-background\/\"> opciones b\u00e1sicas de color<\/a>. Mientras que Colors &amp; Background Module con el plugin Astra Pro a\u00f1ade m\u00e1s opciones en el personalizador. <\/p>\n\n\n\n<p>Puedes seguir los siguientes pasos para activar el complemento y explorar los ajustes premium.<\/p>\n\n\n\n<p><strong>Primer paso<\/strong> - Aseg\u00farese de tener la <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-install-astra-pro-addon-plugin\/\">Astra Pro <\/a>plugin instalado y activado.&nbsp;<\/p>\n\n\n\n<p><strong>Paso 2<\/strong> - Active el complemento desde <em>Astra &gt; M\u00f3dulos Astra Pro &gt; Colores y fondo.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/colors-and-background.gif\"><img decoding=\"async\" width=\"600\" height=\"281\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/colors-and-background.gif\" alt=\"\" class=\"wp-image-145542\"\/><\/a><\/figure>\n\n\n\n<p><strong>Paso 3 <\/strong>- Una vez activado, el m\u00f3dulo a\u00f1adir\u00e1 opciones de color adicionales para varias secciones del personalizador ( <em>Apariencia &gt; Personalizar<\/em> ).&nbsp;<\/p>\n\n\n\n<p>A continuaci\u00f3n se muestra la lista detallada donde se pueden ver las nuevas opciones de color a\u00f1adidas en el Personalizador:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Global &gt; Colores &gt; Contenido <\/li>\n\n\n\n<li>Cabecera &gt; Identidad del sitio  <\/li>\n\n\n\n<li>Encabezado &gt; Encabezado principal<\/li>\n\n\n\n<li>Cabecera &gt; Men\u00fa principal<\/li>\n\n\n\n<li>Blog &gt; Blog \/ Archivo<\/li>\n\n\n\n<li>Blog &gt; Entrada individual<\/li>\n\n\n\n<li>Barra lateral<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">1. Colores globales<\/h3>\n\n\n\n<p>El propio tema Astra proporciona opciones b\u00e1sicas de color global como se ha mencionado <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/colors-background\/\">aqu\u00ed<\/a>. Adem\u00e1s de esto, el addon tambi\u00e9n habilitar\u00e1 las siguientes opciones -&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Contenido Antecedentes <\/strong>- Con \u00e9l, puede a\u00f1adir una imagen y un color de fondo al contenedor, es decir, a cualquier zona en la que a\u00f1ada texto.<\/li>\n\n\n\n<li><strong>R\u00fabricas <\/strong>- Puede establecer colores para cada encabezamiento, de H1 a H6, desde un solo lugar.<\/li>\n\n\n\n<li>Tambi\u00e9n encontrar\u00e1 la opci\u00f3n responsive activada para el Fondo de contenido.<\/li>\n<\/ul>\n\n\n\n<p><strong>Nota: <\/strong>El fondo del contenido s\u00f3lo ser\u00e1 visible con <em>En caja <\/em>y <em>Contenido en caja<\/em> <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/container-overview\/\">disposici\u00f3n de los contenedores<\/a>. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/background-color.png\"><img decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/background-color-1024x487.png\" alt=\"\" class=\"wp-image-145547\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/background-color-1024x487.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/background-color-300x143.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/background-color-768x365.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/background-color-1536x731.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/background-color.png 1881w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">2. Cabecera<\/h3>\n\n\n\n<p>En la pesta\u00f1a Encabezado habr\u00e1 opciones de color separadas para -.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Identidad del emplazamiento<\/strong> Habilite la visualizaci\u00f3n del t\u00edtulo\/tagline del sitio y observar\u00e1 las opciones de color.<\/li>\n\n\n\n<li><strong>Cabecera principal<\/strong> Establece el fondo y el color de tu cabecera.<\/li>\n\n\n\n<li><strong>Men\u00fa principal.<\/strong> Colorea el men\u00fa y los submen\u00fas en <strong>normal<\/strong>, <strong>pase el cursor por <\/strong>(color del elemento de men\u00fa cuando el puntero se desplaza sobre \u00e9l), y <strong>activo <\/strong>modo (color del elemento del men\u00fa que est\u00e1 activo en ese momento: la p\u00e1gina que est\u00e1 viendo en ese momento).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/menu-color.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/menu-color-1024x484.png\" alt=\"\" class=\"wp-image-145549\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/menu-color-1024x484.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/menu-color-300x142.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/menu-color-768x363.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/menu-color-1536x727.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/menu-color.png 1896w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">3. Blog<\/h3>\n\n\n\n<p><strong>Blog \/ Archivo - <\/strong>Junto con el t\u00edtulo de la entrada y meta, esto a\u00f1adir\u00e1 opciones de color para el cuadro de resumen de archivo. Este cuadro aparecer\u00e1 en una p\u00e1gina de archivo como categor\u00edas, donde aparecer\u00e1 el t\u00edtulo y la descripci\u00f3n de la p\u00e1gina de archivo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/blog-archive-color.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/blog-archive-color-1024x486.png\" alt=\"\" class=\"wp-image-145551\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/blog-archive-color-1024x486.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/blog-archive-color-300x142.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/blog-archive-color-768x364.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/blog-archive-color-1536x728.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/blog-archive-color.png 1885w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">4. Barra lateral<\/h3>\n\n\n\n<p>Obtendr\u00e1s opciones de color para tu barra lateral.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/background.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/background-1024x481.png\" alt=\"\" class=\"wp-image-145555\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/background-1024x481.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/background-300x141.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/background-768x360.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/background-1536x721.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/background.png 1905w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Incluso puede gestionar el color del t\u00edtulo de la barra lateral, el color del texto, el color de los enlaces y las opciones de fondo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/blog.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"479\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/blog-1024x479.png\" alt=\"\" class=\"wp-image-145556\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/blog-1024x479.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/blog-300x140.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/blog-768x359.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/blog-1536x719.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/blog.png 1912w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Una de las ventajas del m\u00f3dulo de color del tema Astra es su interfaz f\u00e1cil de usar, que facilita su utilizaci\u00f3n incluso a quienes tienen conocimientos t\u00e9cnicos limitados. El m\u00f3dulo ofrece una amplia gama de opciones de color, lo que permite a los usuarios elegir entre paletas de colores predefinidas o crear sus propios colores personalizados.<\/p>\n\n\n\n<p>Con este m\u00f3dulo, puede cambiar la combinaci\u00f3n de colores de todo su sitio web, incluyendo botones, enlaces, encabezados y otros elementos de dise\u00f1o, para que coincida con su marca o estilo personal.<\/p>","protected":false},"excerpt":{"rendered":"<p>Un buen dise\u00f1o web es crucial para cualquier presencia en Internet. El tema Astra lo entiende bien, ofreciendo una gama de colores modernos para que su sitio sea visualmente atractivo. Para mejorar la personalizaci\u00f3n, el plugin Astra Pro incluye el complemento Colors &amp; Background. Este m\u00f3dulo le da m\u00e1s control y una gama m\u00e1s amplia de opciones, permiti\u00e9ndole [...]<\/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":"default","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":"set","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":[141],"docs_tag":[],"class_list":{"0":"post-24914","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-colors-background-pro"},"spectra_custom_meta":{"_yoast_wpseo_primary_docs_category":["141"],"_wp_old_slug":[""],"_wp_page_template":["default"],"_edit_lock":["1703590491:89"],"_edit_last":["89"],"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":["30"],"wpil_sync_report3":["1"],"wpil_links_inbound_internal_count":["6"],"wpil_links_inbound_internal_count_data":["a:6:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:50:\"https:\/\/wpastra.com\/docs\/colors-background-module\/\";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:\"24212\";s:5:\"title\";s:39:\"Color and Typography for Primary Header\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:1838:\"<!-- wp:paragraph -->\n<p>With the Astra theme, global colors and typography set for the entire website will be applied to the primary header automatically. In case you are looking for header specific color\/typography settings, they are available with Astra Pro Addon plugin. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Primary Header Colors with Astra Theme<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>As mentioned above, global colors available under <strong>Appearance &gt; Customize &gt; Global &gt; Colors <\/strong>will be applied to the header. While with <a href=\"https:\/\/wpastra.com\/docs\/colors-background-module\/\">Astra Pro Addon<\/a> you get an option to set a color for each element in the header.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39932,\"linkDestination\":\"media\"} -->\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-global-base-colors.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-global-base-colors.png\" alt=\"\" class=\"wp-image-39932\"\/><\/a><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Primary Header Typography with Astra Theme <\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Typography set for the site under <strong>Appearance &gt; Customize &gt; Global &gt; Typography<\/strong> will be applied to the header content by default. While <a href=\"https:\/\/wpastra.com\/docs\/typography-module\/\">Astra Pro Addon<\/a> provides more specific options. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39921,\"linkDestination\":\"media\"} -->\n<figure class=\"wp-block-image\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-global-typo-body.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-global-typo-body.png\" alt=\"\" class=\"wp-image-39921\"\/><\/a><\/figure>\n<!-- \/wp:image -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:57:\"https:\/\/wpastra.com\/docs\/color-typography-primary-header\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=24212\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=24212\";}}s:6:\"anchor\";s:15:\"Astra Pro Addon\";s:15:\"added_by_plugin\";b:0;}i:1;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:50:\"https:\/\/wpastra.com\/docs\/colors-background-module\/\";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:\"24299\";s:5:\"title\";s:26:\"Boxed \u2013 Container Layout\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:2760:\"<!-- wp:paragraph -->\n<p>As explained in the <a href=\"\/docs\/container-overview\/\">Container Overview<\/a> article, typically a website can have two containers viz: <strong>Primary Container<\/strong> and <strong>Secondary Container<\/strong>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Primary Container is where the main content appears, whereas Secondary Container consists of the sidebar and various different widgets in the sidebar.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>When you select the \u201cBoxed Layout\u201d; the individual containers and widgets appear in boxes.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can find the setting under <strong>Appearance &gt; Customize &gt; Global &gt; Container<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39666,\"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-boxed.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-boxed.png\" alt=\"\" class=\"wp-image-39666\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>You can change the background color from<strong> Customizer &gt; Global &gt; Colors &gt; Base Colors &gt; Base Colors.<\/strong><br><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39669,\"align\":\"center\",\"width\":949,\"height\":465,\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-background-color.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/astra-2-background-color.png\" alt=\"\" class=\"wp-image-39669\" width=\"949\" height=\"465\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><strong>Other Notes:<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can apply boxed containers for selected pages or posts from meta settings.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>The width of the container depends on the <a href=\"\/docs\/site-layout-overview\/\">Site Layout<\/a> settings.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>If you have <strong>Astra Pro Addon<\/strong> plugin, you can find additional options such as background color through our <a href=\"https:\/\/wpastra.com\/docs\/colors-background-module\/\">Colors &amp; Backgrounds<\/a> module. In case, if you don\u2019t have Astra Pro, you can also add a background image with Custom CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Also, we provide more styling options in dedicated modules of <strong>Astra Pro Addon<\/strong> plugin. Learn more about the <a href=\"https:\/\/wpastra.com\/docs\/site-layout-overview\/\">Site Layout<\/a> module of Astra Pro Addon.<\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:48:\"https:\/\/wpastra.com\/docs\/boxed-container-layout\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=24299\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=24299\";}}s:6:\"anchor\";s:24:\"Colors &amp; Backgrounds\";s:15:\"added_by_plugin\";b:0;}i:2;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:50:\"https:\/\/wpastra.com\/docs\/colors-background-module\/\";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:\"24304\";s:5:\"title\";s:32:\"Content Boxed - Container Layout\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:2658:\"<!-- wp:paragraph -->\n<p>As explained in the <a href=\"https:\/\/wpastra.com\/docs\/container-overview\/\">Container Overview<\/a> article, typically a website can have two containers viz: <strong>Primary Container<\/strong> and <strong>Secondary Container<\/strong>.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Primary Container is where the main content appears, whereas Secondary Container consists of the sidebar and various different widgets in the sidebar.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>When you select the \u201cContent Boxed Layout\u201d; only the primary container appears in the boxed format. And the sidebar or secondary container comes up on a plain background.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":42805,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-content-boxed-1.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-content-boxed-1.png\" alt=\"\" class=\"wp-image-42805\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Content Boxed Layout is great for the content websites, blogs, and pages where you need to highlight the content area more than the sidebar.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can find the setting under <strong>Appearance &gt; Customize &gt; Global &gt; Container<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Also, you can apply a different container for each individual pages from meta settings.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Other Notes:<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can apply a Content Boxed container for selected pages or posts from meta settings.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>The width of the container depends on the <a href=\"https:\/\/wpastra.com\/docs\/site-layout-overview\/\">Site Layout<\/a> settings.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>If you have&nbsp;<strong>Astra Pro Addon<\/strong>&nbsp;plugin, you can find additional options such as background color through our&nbsp;<a href=\"https:\/\/wpastra.com\/docs\/colors-background-module\/\">Colors &amp; Backgrounds<\/a>&nbsp;module. In case, if you don\u2019t have Astra Pro, you can also add a background image with Custom CSS.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Also, we provide more styling options in dedicated modules of&nbsp;<strong>Astra Pro Addon<\/strong>&nbsp;plugin. Learn more about the&nbsp;<a href=\"https:\/\/wpastra.com\/docs\/site-layout-overview\/\">Site Layout<\/a>&nbsp;module of Astra Pro Addon.<\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:56:\"https:\/\/wpastra.com\/docs\/content-boxed-container-layout\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=24304\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=24304\";}}s:6:\"anchor\";s:24:\"Colors &amp; Backgrounds\";s:15:\"added_by_plugin\";b:0;}i:3;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:50:\"https:\/\/wpastra.com\/docs\/colors-background-module\/\";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:\"24890\";s:5:\"title\";s:27:\"Global Colors - Astra Theme\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:2630:\"<!-- wp:paragraph -->\n<p>With Astra, you can keep a uniform color scheme on your website with global color options. These colors will be applied to theme sections throughout the website. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>From the WordPress dashboard navigate to <strong>Appearance &gt; Customize &gt; Global &gt; Colors<\/strong>. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Base Colors<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This is default basic color option available with the theme - <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":42815,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-colors-background-base-colors-1.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-colors-background-base-colors-1.png\" alt=\"\" class=\"wp-image-42815\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Following are the options you will find -<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>Text Color<\/strong> - Color for body text and description on the website <\/li><li><strong>Theme Color<\/strong> -  Color for&nbsp;all theme elements like button, selected text background color, etc. <\/li><li><strong>Link Color<\/strong> - Color for all text to which links have been added <\/li><li><strong>Link Hover Color<\/strong> -  Hover color for all text to which links have been added<\/li><li><strong>Background<\/strong> <strong>(Color and Image)<\/strong> - This color will be applied as a background color to the body on the entire site.<strong> <\/strong>If you set both - color and image - make sure to adjust the opacity of the color to make the image visible. <\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:image {\"id\":39934,\"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-global-color-bg.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-global-color-bg.png\" alt=\"\" class=\"wp-image-39934\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><strong>Note:<\/strong> If you are using a page builder, you can override the above colors with page builder\u2019s color settings.<\/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 <a href=\"https:\/\/wpastra.com\/docs\/colors-background-module\/\">Colors &amp; Background<\/a> module of Astra Pro Addon.<\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:43:\"https:\/\/wpastra.com\/docs\/colors-background\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=24890\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=24890\";}}s:6:\"anchor\";s:23:\"Colors &amp; Background\";s:15:\"added_by_plugin\";b:0;}i:4;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:50:\"https:\/\/wpastra.com\/docs\/colors-background-module\/\";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:1681:\"<!-- 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:23:\"Colors &amp; Background\";s:15:\"added_by_plugin\";b:0;}i:5;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:50:\"https:\/\/wpastra.com\/docs\/colors-background-module\/\";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:\"25950\";s:5:\"title\";s:29:\"How to Add Background Images?\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:4565:\"<!-- wp:paragraph -->\n<p>Astra version&nbsp;1.3.0 and above provides a feature to add&nbsp;background images to various sections of the site.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:video {\"id\":43650,\"align\":\"center\"} -->\n<figure class=\"wp-block-video aligncenter\"><video autoplay loop muted src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-add-background-image.mp4\"><\/video><\/figure>\n<!-- \/wp:video -->\n\n<!-- wp:paragraph -->\n<p>You can enhance the design of the Body, Header, Content, Sidebar, and&nbsp; Footer of your website with this option. In addition to previous background color option now you can see background image option as well.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4><strong>Where can I find the option?<\/strong><\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>From your WordPress dashboard navigate to <strong>Appearance &gt; Customize<\/strong> and&nbsp;under various areas, you will find a new setting to upload background images<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:separator -->\n<hr class=\"wp-block-separator\"\/>\n<!-- \/wp:separator -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4><strong>Where can I add a background&nbsp;image to Astra theme?<\/strong><\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>With Astra theme, you get an option to add a&nbsp; background image to following areas-<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>Body<\/strong>\u00a0<a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-body-bg-settings.png\">(?)<\/a><\/li><li><strong>Footer Widgets<\/strong>\u00a0<a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-footer-widget-bg-settings.png\">(?)<\/a><\/li><li><strong>Footer Bar\u00a0<\/strong><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-footer-bar-bg-image-setting.png\">(?)<\/a><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:separator -->\n<hr class=\"wp-block-separator\"\/>\n<!-- \/wp:separator -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4><strong>Background&nbsp;image for Astra Pro Modules<\/strong><\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>In addition to&nbsp;Body,&nbsp;Footer Widgets,&nbsp;Footer Bar section, you get an option&nbsp;for following modules of Astra Pro -<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>Primary Header\u00a0<\/strong><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-primary-header-bg-settings.png\">(?)<\/a><\/li><li><strong>Above Header\u00a0<\/strong><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-above-header-bg-settings.png\">(?)<\/a><\/li><li><strong>Below Header\u00a0<\/strong><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-below-header-bg-settinga.png\">(?)<\/a><\/li><li><strong>Content\u00a0<\/strong><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-content-bg-settings.png\">(?)<\/a><\/li><li><strong>Sidebar\u00a0<\/strong><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/09\/ast-2-shop-sidebar-bg-settings.png\">(?)<\/a><br><strong>Note<\/strong>: Background option might be visible only if you have\u00a0<a href=\"https:\/\/wpastra.com\/docs\/colors-background-module\/\">Colors &amp; Background module\u00a0<\/a>enabled from Astra Pro.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:separator -->\n<hr class=\"wp-block-separator\"\/>\n<!-- \/wp:separator -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4><strong>Options for Background Image<\/strong><\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Background image option allows you to choose an image from media library or you can upload a new file. After uploading the image, click on More Settings option. Now you can set following&nbsp; CSS properties for the image -<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Repeat<\/li><li>Background Image Position<\/li><li>Background Size<\/li><li>Background Attachment<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>You can adjust the background color overlay with&nbsp;color picker. A nice transparent layer of color above image will enhance the background image design.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:separator -->\n<hr class=\"wp-block-separator\"\/>\n<!-- \/wp:separator -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>&nbsp;<strong>Important Notes:<\/strong><\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol><li>After adding a background image, make sure to adjust the opacity of background color with color picker.<\/li><li>Background applied to the body will not be visible for <a href=\"https:\/\/wpastra.com\/docs\/full-width-stretched-container-layout\/\">Full Width\/ Stretched - Container Layout<\/a> as in this layout width of the container is stretched to the fullest.<\/li><\/ol>\n<!-- \/wp:list -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:82:\"https:\/\/wpastra.com\/docs\/how-to-add-background-images-to-various-sections-on-site\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=25950\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=25950\";}}s:6:\"anchor\";s:32:\"Colors &amp; Background module\u00a0\";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":["9"],"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:43:\"https:\/\/wpastra.com\/docs\/colors-background\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:20:\" basic color options\";s:15:\"added_by_plugin\";b:0;}i:2;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:3;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:91:\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/astra-colors-background-addon-activation.jpg\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:134:\"<img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/astra-colors-background-addon-activation.jpg\" alt=\"\" class=\"wp-image-25321\"\/>\";s:15:\"added_by_plugin\";b:0;}i:4;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:44:\"https:\/\/wpastra.com\/docs\/container-overview\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:16:\"container layout\";s:15:\"added_by_plugin\";b:0;}i:5;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:78:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-content-heading-color.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:121:\"<img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-content-heading-color.png\" alt=\"\" class=\"wp-image-40008\"\/>\";s:15:\"added_by_plugin\";b:0;}i:6;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:70:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-menu-bg-color.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\/ast-2-menu-bg-color.png\" alt=\"\" class=\"wp-image-40013\"\/>\";s:15:\"added_by_plugin\";b:0;}i:7;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:68:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-post-colors.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\/ast-2-post-colors.png\" alt=\"\" class=\"wp-image-40015\"\/>\";s:15:\"added_by_plugin\";b:0;}i:8;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:71:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-sidebar-colors.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\/ast-2-sidebar-colors.png\" alt=\"\" class=\"wp-image-40016\"\/>\";s:15:\"added_by_plugin\";b:0;}}"],"wpil_sync_report2_time":["2019-10-17T09:57: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":["Colors & Background Module in Astra"],"astra_style_timestamp_css":["1573724714"],"_yoast_wpseo_estimated-reading-time-minutes":["4"],"_ht_kb_post_views_count":["59"],"_ht_kb_usefulness":["0"],"_ht_article_order_141":["24914"],"wp_last_modified_info":["April 20, 2023 @ 5:03 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["67833"],"helpful":["92"],"unhelpful":["96"],"redirects":["54"],"rank_math_primary_docs_category":["141"],"rank_math_title":["Colors & Background Module in Astra"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1205"],"rank_math_seo_score":["19"],"rank_math_internal_links_processed":["1"],"_wplmi_last_modified":["2023-04-20 17:03:02"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"46ee1c6757bb866162ba08fccf54fd9e\";s:6:\"images\";a:1:{i:0;i:145544;}}"],"_wpml_media_duplicate":["1"],"_uag_custom_page_level_css":[""],"ast-site-content-layout":["default"],"adv-header-id-meta":[""],"stick-header-meta":[""],"astra-migrate-meta-layouts":["set"],"_trp_automatically_translated_slug_es_ES":["modulo-de-fondo-de-colores"],"pfd_related_docs":[""],"_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:\"1777001964\";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":"Good website design is crucial for any online presence. The Astra theme understands this well, offering a range of modern colors to make your site visually appealing. To enhance customization, the Astra Pro plugin includes the Colors &amp; Background addon. This module gives you more control and a wider range of options, allowing you to&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/24914"}],"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=24914"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/24914\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=24914"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=24914"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=24914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}