{"id":131477,"date":"2022-08-28T16:43:05","date_gmt":"2022-08-28T11:13:05","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&p=131477"},"modified":"2022-11-29T13:00:24","modified_gmt":"2022-11-29T07:30:24","slug":"how-to-use-the-color-palette-of-the-astra-theme","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-use-the-color-palette-of-the-astra-theme\/","title":{"rendered":"C\u00f3mo utilizar la paleta de colores del tema Astra"},"content":{"rendered":"

Introducci\u00f3n<\/h3>\n\n\n\n

Las paletas de colores del tema Astra no son s\u00f3lo una combinaci\u00f3n de unos pocos colores. Puedes cambiar el aspecto de todo el sitio web con s\u00f3lo unos clics utilizando las paletas de colores. En este documento, vamos a explicar c\u00f3mo utilizar correctamente las paletas de colores para que pueda obtener el m\u00e1ximo provecho de esta caracter\u00edstica incre\u00edble.<\/p>\n\n\n\n

\u00bfCu\u00e1les son las paletas de colores?<\/h3>\n\n\n\n

Las paletas de colores son la combinaci\u00f3n de colores que puede utilizar para cambiar el aspecto de su sitio web. Cada paleta es personalizable para que coincida con el tema y el color del logotipo de su sitio web. Hay 9 colores que se a\u00f1adir\u00e1n por defecto a cada una de las paletas de colores. Usted puede simplemente editarlos y a\u00f1adir los colores seg\u00fan sus necesidades. Por defecto, la paleta de color uno se selecciona para su sitio web y usted puede cambiar la paleta activa, as\u00ed como por su requisito.<\/p>\n\n\n\n

\"Global<\/a><\/figure>\n\n\n\n

Nota:<\/h4>

Desde Astra 3.9.0, hemos estado utilizando colores globales en m\u00faltiples instancias. Los colores 4 y 6 de la paleta global cambian el color de la flecha y el color de fondo de la flecha en el bot\u00f3n deslizante de la galer\u00eda de productos. Y el color 6 - Tambi\u00e9n afecta a los colores de fondo en la secci\u00f3n mi-cuenta. Echa un vistazo al video adjunto para una mejor comprensi\u00f3n, <\/p><\/div><\/div>\n\n\n\n

<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Descifrar las paletas de colores<\/strong><\/h3>\n\n\n\n

Acento: <\/strong>Es el primer color de la paleta. Determina el color de la luz de fondo de su sitio web. Puede cambiar el color seg\u00fan sus necesidades. Simplemente haga clic en el primer color de la paleta y se abrir\u00e1 el selector de color. Seleccione el color de su elecci\u00f3n.<\/p>\n\n\n\n

\"gloabl<\/a><\/figure>\n\n\n\n

Enlace Color normal:<\/strong> El tercer color de la paleta es por defecto el color del enlace. Puede cambiarlo haciendo clic en la paleta de colores o directamente en el color del enlace.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Link Hover Color: <\/strong>El segundo color de la paleta est\u00e1 configurado por defecto como color de enlace. Puede cambiar directamente el color del enlace haciendo clic en el segundo color de la paleta.<\/p>\n\n\n\n

\"link<\/a><\/figure>\n\n\n\n

Color del encabezamiento: <\/strong>El tercer color tambi\u00e9n se establece por defecto como color del encabezamiento, a menos que se aplique otro color en cada p\u00e1gina.<\/p>\n\n\n\n

\"Heading<\/a><\/figure>\n\n\n\n

C\u00f3mo crear la paleta de colores<\/h3>\n\n\n\n

Por defecto, hay tres paletas de colores diferentes disponibles en el tema Astra. Puedes navegar a Apariencia>personalizar>Global>colores para acceder a ellas. Para editar los colores en las paletas de colores, simplemente haz clic en cualquiera de los colores y aparecer\u00e1n los selectores de color. Elija los colores seg\u00fan sus preferencias haciendo clic en los colores de su elecci\u00f3n. Tambi\u00e9n puede copiar los c\u00f3digos de color y pegarlos en la secci\u00f3n de c\u00f3digos de color para elegir los colores que desee.<\/p>\n\n\n\n

\"Creating<\/a><\/figure>\n\n\n\n

C\u00f3mo cambiar las paletas de colores<\/h3>\n\n\n\n

Simplemente haga clic en el icono del l\u00e1piz situado junto a las paletas globales y tendr\u00e1 la opci\u00f3n de elegir las tres paletas de colores disponibles. Esta funci\u00f3n le ayudar\u00e1 a cambiar todo el aspecto del sitio simplemente cambiando las paletas de colores.<\/p>\n\n\n\n

\"Change<\/figure>","protected":false},"excerpt":{"rendered":"

Introducci\u00f3n Las paletas de colores del tema Astra no son s\u00f3lo una combinaci\u00f3n de unos pocos colores. Puedes cambiar el aspecto de todo el sitio web con s\u00f3lo unos clics utilizando las paletas de colores. En este documento, explicaremos c\u00f3mo utilizar correctamente las paletas de colores para que obtengas el m\u00e1ximo [...]<\/p>","protected":false},"author":86,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","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":"","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":[1595,116],"docs_tag":[],"class_list":{"0":"post-131477","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-global","6":"docs_category-astra-customizer-settings"},"spectra_custom_meta":{"wp_last_modified_info":["November 29, 2022 @ 12:54 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1690868721:86"],"_wplmi_last_modified":["2022-11-29 13:00:24"],"rank_math_internal_links_processed":["1"],"rank_math_primary_docs_category":["116"],"rank_math_seo_score":["19"],"_edit_last":["89"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"rank_math_analytic_object_id":["1903"],"views":["7497"],"helpful":["15"],"unhelpful":["21"],"redirects":["7"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"a1b0046855122b2d7ca6020628966ff2\";s:6:\"images\";a:1:{i:0;i:131478;}}"],"_trp_automatically_translated_slug_es_ES":["como-utilizar-la-paleta-de-colores-del-tema-astra"],"_uag_page_assets":["a:9:{s:3:\"css\";s:5248:\" .uagb-block-72ce6a3c.wp-block-uagb-inline-notice .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-72ce6a3c .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;border: 2px solid #FFD54F;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;} .uagb-block-72ce6a3c.uagb-dismissable button[type=\"button\"] svg{width: 16px;height: 16px;top: 15px;} .uagb-block-72ce6a3c.uagb-dismissable > svg{width: 16px;height: 16px;top: 15px;} .uagb-block-72ce6a3c.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-72ce6a3c.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-72ce6a3c.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-72ce6a3c.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-72ce6a3c .uagb-notice-title{background-color: #FFD54F;border-top-right-radius: 3px;border-top-left-radius: 3px;} .uagb-block-72ce6a3c.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}@media only screen and (max-width: 976px) { .uagb-block-72ce6a3c .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-72ce6a3c .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-72ce6a3c.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-72ce6a3c.uagb-dismissable > svg{top: 15px;} .uagb-block-72ce6a3c.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-72ce6a3c.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-72ce6a3c.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-72ce6a3c.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-72ce6a3c.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}}@media only screen and (max-width: 767px) { .uagb-block-72ce6a3c .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-72ce6a3c .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-72ce6a3c.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-72ce6a3c.uagb-dismissable > svg{top: 15px;} .uagb-block-72ce6a3c.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-72ce6a3c.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-72ce6a3c.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-72ce6a3c.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-72ce6a3c.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}}.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:271:\"document.addEventListener(\"DOMContentLoaded\", function(){ window.addEventListener( 'DOMContentLoaded', function() {\n\tUAGBInlineNotice.init( {\"c_id\":null,\"cookies\":false,\"close_cookie_days\":1,\"noticeDismiss\":\"\",\"icon\":\"rectangle-xmark\"}, '.uagb-block-72ce6a3c' );\n});\n });\";s:18:\"current_block_list\";a:6:{i:0;s:12:\"core\/heading\";i:1;s:14:\"core\/paragraph\";i:2;s:10:\"core\/image\";i:3;s:18:\"uagb\/inline-notice\";i:4;s:14:\"uagb\/container\";i:5;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776541360\";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":"Arindam","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/arindamm\/"},"uagb_comment_info":0,"uagb_excerpt":"Introduction Color palettes inside the Astra theme are not just a combination of a few colors. You can change the look and feel of the entire website with just a few clicks using the color palettes. In this document, we will explain how to properly use the color palettes so that you get the maximum…","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/131477"}],"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\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=131477"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/131477\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=131477"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=131477"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=131477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}