{"id":25224,"date":"2018-03-10T00:00:00","date_gmt":"2018-03-09T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=25224"},"modified":"2023-05-26T13:29:47","modified_gmt":"2023-05-26T07:59:47","slug":"how-to-use-rgba-color-picker","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-use-rgba-color-picker\/","title":{"rendered":"\u00bfC\u00f3mo utilizar el selector de color RGBA?"},"content":{"rendered":"<p>Hay varios formatos de color que puedes utilizar con el Tema Astra. Aunque puede que est\u00e9s m\u00e1s familiarizado con los c\u00f3digos HEX (por ejemplo, #FFFFFF para el color blanco), puede que te hayas dado cuenta de que tu selector de color ofrece tambi\u00e9n el formato RGBA (Rojo, Verde, Azul, Alfa). Hemos a\u00f1adido un selector de color RGBA para la mayor\u00eda de los ajustes del Personalizador, para ayudarle a a\u00f1adir transparencia f\u00e1cilmente. <\/p>\n\n\n\n<p>Puede utilizar el selector de color RGBA en cualquier configuraci\u00f3n de color que lo admita con s\u00f3lo unos clics:<\/p>\n\n\n\n<p><strong>Primer paso<\/strong> - Navegue hasta el ajuste que desee editar y haga clic sobre \u00e9l para abrir el selector de color;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/background-color-1-1024x481.png\" alt=\"\" class=\"wp-image-146005\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/background-color-1-1024x481.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/background-color-1-300x141.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/background-color-1-768x361.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/background-color-1-1536x722.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/background-color-1.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Paso 2<\/strong> - Haga clic en el icono para circular entre los formatos de color disponibles y aj\u00fastelo a RGBA;<\/p>\n\n\n\n<p><strong>Paso 3<\/strong> - Una vez que su formato se establece en RGBA, puede a\u00f1adir su color mediante la adici\u00f3n de los valores de color o arrastrando el piquete en la escala de color:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/RGBA-1024x481.png\" alt=\"\" class=\"wp-image-146007\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/RGBA-1024x481.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/RGBA-300x141.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/RGBA-768x361.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/RGBA-1536x722.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/RGBA.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-91028513 uagb-inline_notice__outer-wrap\"><h4 class=\"uagb-notice-title\">Nota:<\/h4><div class=\"uagb-notice-text\"><p>El color seleccionado no cambia cuando se cambia el formato de color. Cuando cambie el formato de color, el color se mostrar\u00e1 autom\u00e1ticamente en el formato seleccionado. Por ejemplo, si establece el color blanco en formato HEX, se mostrar\u00e1 como <em>#FFFFFF<\/em>. Si cambia a RGBA el color blanco se mostrar\u00e1 como <em>rgba(255, 255, 255, 1)<\/em><\/p><\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Paso 4<\/strong> - Puede a\u00f1adir transparencia a su color deslizando la barra de transparencia o modificando el valor Alfa (a) entre 0 y 100.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-rgba-transparency.png\" alt=\"RGBA Color Picker - Set Transparency\" class=\"wp-image-98564\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-rgba-transparency.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-rgba-transparency-300x173.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-rgba-transparency-1024x589.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-rgba-transparency-768x442.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-30a8a108 uagb-inline_notice__outer-wrap\"><h4 class=\"uagb-notice-title\">Nota:<\/h4><div class=\"uagb-notice-text\"><p>Deslizando la barra de transparencia cambiar\u00e1 autom\u00e1ticamente su formato de color a RGBA.<\/p><\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Tenga en cuenta que si establece el valor Alfa en 0 ser\u00e1 completamente transparente y no visible, mientras que si establece el valor en 100 eliminar\u00e1 la transparencia.<\/p>\n\n\n\n<p>No dude en ver el v\u00eddeo a continuaci\u00f3n para ver esta funci\u00f3n en acci\u00f3n:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"281\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/button-RGBA.gif\" alt=\"\" class=\"wp-image-146009\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo uag-hide-desktop uag-hide-tab uag-hide-mob\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"ast-oembed-container\" style=\"height: 100%;\"><iframe title=\"\u00bfC\u00f3mo utilizar el selector de color RGBA?\" src=\"https:\/\/player.vimeo.com\/video\/536512192?dnt=1&amp;app_id=122963\" width=\"500\" height=\"262\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe><\/div>\n<\/div><\/figure>","protected":false},"excerpt":{"rendered":"<p>There are several color formats you can use with the Astra Theme. Though you might be most familiar with HEX codes (e.g. #FFFFFF for white color), you might have noticed that your color picker offers also RGBA format (Red, Green, Blue, Alpha). We have added an RGBA color picker for most of the Customizer settings, [\u2026]<\/p>","protected":false},"author":4,"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":[108],"docs_tag":[],"class_list":{"0":"post-25224","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-general"},"spectra_custom_meta":{"_yoast_wpseo_primary_docs_category":["108"],"_wp_old_slug":[""],"_wp_page_template":["default"],"_edit_lock":["1685088047:88"],"_edit_last":["88"],"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":["30"],"wpil_links_inbound_internal_count":["0"],"wpil_links_inbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_internal_count":["0"],"wpil_links_outbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_external_count":["0"],"wpil_links_outbound_external_count_data":["a:0:{}"],"wpil_sync_report2_time":["2019-08-20T07:20:29+00:00"],"_ppc_meta_key":["a:8:{s:20:\"ppc_key5d92f85d42273\";s:60:\"Images &amp; Names Correctly. Title &amp; Alt Tags are Given\";s:8:\"ppc_key4\";s:15:\"Formatting Done\";s:8:\"ppc_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\";}"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"_yoast_wpseo_title":["How to Use RGBA Color Picker? - Add Transparency To Your Colors"],"_oembed_3f48b3a3561a434c953dad755dea1cec":["{{unknown}}"],"_oembed_time_3f48b3a3561a434c953dad755dea1cec":["1618345241"],"_oembed_51e79da0a19da889bb4949da8715ef5a":["<iframe title=\"How to use RGBA color picker?\" src=\"https:\/\/player.vimeo.com\/video\/536512192?h=435ecae241&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"262\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_51e79da0a19da889bb4949da8715ef5a":["1685087849"],"_yoast_wpseo_estimated-reading-time-minutes":["2"],"_oembed_04c9f972c596f2920d6297b8c4200ef9":["<iframe title=\"ast-3-3-RGBA-color-picker.mp4\" src=\"https:\/\/player.vimeo.com\/video\/536512192?dnt=1&amp;app_id=122963\" width=\"1200\" height=\"631\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_04c9f972c596f2920d6297b8c4200ef9":["1618345395"],"_ht_kb_post_views_count":["6"],"_ht_kb_usefulness":["0"],"_ht_article_order_108":["25224"],"wp_last_modified_info":["May 26, 2023 @ 1:29 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_yoast_wpseo_focuskw":["rgba color picker"],"_yoast_wpseo_metadesc":["Do you need to add transparency to any color on your Astra Theme website? Learn how to use the RGBA color picker in this document."],"_yoast_wpseo_linkdex":["71"],"views":["4370"],"helpful":["2"],"unhelpful":["2"],"redirects":["0"],"rank_math_primary_docs_category":["108"],"rank_math_title":["How to Use RGBA Color Picker? - Add Transparency To Your Colors"],"rank_math_description":["Do you need to add transparency to any color on your Astra Theme website? Learn how to use the RGBA color picker in this document."],"rank_math_focus_keyword":["rgba color picker"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1182"],"rank_math_internal_links_processed":["1"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"614b31f97900c69e77aa1672342c42d2\";s:6:\"images\";a:1:{i:0;i:146005;}}"],"_wplmi_last_modified":["2023-05-26 13:29:47"],"rank_math_schema_VideoObject":["a:10:{s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-63f6219295e2a\";s:9:\"isPrimary\";s:1:\"1\";s:23:\"reviewLocationShortcode\";s:24:\"[rank_math_rich_snippet]\";s:8:\"category\";s:12:\"%categories%\";s:4:\"tags\";s:6:\"%tags%\";s:15:\"isAutoGenerated\";s:1:\"1\";}s:5:\"@type\";s:11:\"VideoObject\";s:8:\"embedUrl\";s:40:\"https:\/\/player.vimeo.com\/video\/536512192\";s:4:\"name\";s:29:\"How to use RGBA color picker?\";s:11:\"description\";s:17:\"%seo_description%\";s:10:\"uploadDate\";s:19:\"2021-04-13 16:18:17\";s:8:\"duration\";s:5:\"PT25S\";s:12:\"thumbnailUrl\";s:91:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/How-to-use-RGBA-color-picker.png\";s:7:\"hasPart\";a:0:{}s:16:\"isFamilyFriendly\";s:1:\"1\";}"],"rank_math_seo_score":["71"],"rank_math_shortcode_schema_s-63f6219295e2a":["2345257"],"pfd_related_docs":[""],"_wpml_media_duplicate":["1"],"_trp_automatically_translated_slug_es_ES":["como-utilizar-el-selector-de-color-rgba"],"_oembed_5d6a394ca547305e3e60343e4d3cb741":["<iframe title=\"How to use RGBA color picker?\" src=\"https:\/\/player.vimeo.com\/video\/536512192?dnt=1&amp;app_id=122963\" width=\"500\" height=\"262\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe>"],"_oembed_time_5d6a394ca547305e3e60343e4d3cb741":["1718314896"],"_uag_page_assets":["a:9:{s:3:\"css\";s:7913:\" .uagb-block-91028513.wp-block-uagb-inline-notice .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-91028513 .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-91028513.uagb-dismissable button[type=\"button\"] svg{width: 16px;height: 16px;top: 15px;} .uagb-block-91028513.uagb-dismissable > svg{width: 16px;height: 16px;top: 15px;} .uagb-block-91028513.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-91028513.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-91028513.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-91028513.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-91028513 .uagb-notice-title{background-color: #FFD54F;border-top-right-radius: 3px;border-top-left-radius: 3px;} .uagb-block-91028513.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;} .uagb-block-30a8a108.wp-block-uagb-inline-notice .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-30a8a108 .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-30a8a108.uagb-dismissable button[type=\"button\"] svg{width: 16px;height: 16px;top: 15px;} .uagb-block-30a8a108.uagb-dismissable > svg{width: 16px;height: 16px;top: 15px;} .uagb-block-30a8a108.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-30a8a108.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-30a8a108.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-30a8a108.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-30a8a108 .uagb-notice-title{background-color: #FFD54F;border-top-right-radius: 3px;border-top-left-radius: 3px;} .uagb-block-30a8a108.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}@media only screen and (max-width: 976px) { .uagb-block-91028513 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-91028513 .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-91028513.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-91028513.uagb-dismissable > svg{top: 15px;} .uagb-block-91028513.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-91028513.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-91028513.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-91028513.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-91028513.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;} .uagb-block-30a8a108 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-30a8a108 .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-30a8a108.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-30a8a108.uagb-dismissable > svg{top: 15px;} .uagb-block-30a8a108.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-30a8a108.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-30a8a108.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-30a8a108.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-30a8a108.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}}@media only screen and (max-width: 767px) { .uagb-block-91028513 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-91028513 .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-91028513.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-91028513.uagb-dismissable > svg{top: 15px;} .uagb-block-91028513.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-91028513.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-91028513.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-91028513.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-91028513.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;} .uagb-block-30a8a108 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-30a8a108 .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-30a8a108.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-30a8a108.uagb-dismissable > svg{top: 15px;} .uagb-block-30a8a108.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-30a8a108.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-30a8a108.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-30a8a108.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-30a8a108.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:480:\"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-91028513' );\n});\nwindow.addEventListener( 'DOMContentLoaded', function() {\n\tUAGBInlineNotice.init( {\"c_id\":null,\"cookies\":false,\"close_cookie_days\":1,\"noticeDismiss\":\"\",\"icon\":\"rectangle-xmark\"}, '.uagb-block-30a8a108' );\n});\n });\";s:18:\"current_block_list\";a:6:{i:0;s:14:\"core\/paragraph\";i:1;s:10:\"core\/image\";i:2;s:18:\"uagb\/inline-notice\";i:3;s:10:\"core\/embed\";i:4;s:14:\"uagb\/container\";i:5;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1777025100\";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":"Sujay Pawar","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/sujay\/"},"uagb_comment_info":0,"uagb_excerpt":"There are several color formats you can use with the Astra Theme. Though you might be most familiar with HEX codes (e.g. #FFFFFF for white color), you might have noticed that your color picker offers also RGBA format (Red, Green, Blue, Alpha). We have added an RGBA color picker for most of the Customizer settings,&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/25224"}],"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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=25224"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/25224\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=25224"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=25224"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=25224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}