{"id":28798,"date":"2018-08-17T00:00:00","date_gmt":"2018-08-16T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=28798"},"modified":"2023-06-12T15:56:51","modified_gmt":"2023-06-12T10:26:51","slug":"search-box-shortcode-in-astra","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/search-box-shortcode-in-astra\/","title":{"rendered":"Buscar Shortcode para a\u00f1adir cuadro de b\u00fasqueda en Astra"},"content":{"rendered":"<p><strong>Complemento Astra Pro<\/strong> versi\u00f3n del plugin<strong>&nbsp;1.5.0<\/strong> y superiores proporcionan un shortcode para mostrar un cuadro de b\u00fasqueda. Este c\u00f3digo corto se puede utilizar en cualquier lugar en el sitio web es decir, encabezado, pie de p\u00e1gina, constructor de p\u00e1gina, widgets de la barra lateral, etc. para mostrar el cuadro de b\u00fasqueda.<br><code>[astra_search]<\/code> mostrar\u00e1 el icono de b\u00fasqueda en cualquier lugar que desee. Los siguientes estilos est\u00e1n disponibles para el cuadro de b\u00fasqueda -<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>La b\u00fasqueda deslizante: abre un cuadro de b\u00fasqueda al hacer clic en el icono de b\u00fasqueda.<\/li>\n\n\n\n<li>La b\u00fasqueda a pantalla completa - Abarca toda la pantalla<\/li>\n\n\n\n<li>La b\u00fasqueda de la cubierta de la cabecera - Cubre la cabecera<\/li>\n\n\n\n<li>El cuadro de b\u00fasqueda - Un cuadro de b\u00fasqueda por defecto si desea mantenerlo como est\u00e1.<\/li>\n<\/ul>\n\n\n\n<p><code>[astra_search]<\/code> ten\u00eda un atributo '<strong>direcci\u00f3n<\/strong>para la direcci\u00f3n esto deber\u00eda abrir el cuadro de b\u00fasqueda al hacer clic y el atributo '<strong>estilo<\/strong>' que permite seleccionar el estilo de la lista anterior.<\/p>\n\n\n\n<p>Los shortcodes disponibles se enumeran a continuaci\u00f3n -<\/p>\n\n\n\n<p><strong>1. La b\u00fasqueda de diapositivas<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>Left: <code>&#091;astra_search]<\/code>\nRight:<code>&#091;astra_search direction=\"right\"]<\/code><\/code><\/pre>\n\n\n\n<p><strong>2. La b\u00fasqueda a pantalla completa<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code><code>&#091;astra_search style=\"full-screen\"]<\/code><\/code><\/pre>\n\n\n\n<p><strong>3. B\u00fasqueda de la cubierta de la cabecera<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code><code>&#091;astra_search style=\"cover\"]<\/code><\/code><\/pre>\n\n\n\n<p>Nota: Este shortcode mostrar\u00e1 un cuadro de b\u00fasqueda con respecto a su clase padre<\/p>\n\n\n\n<p><strong>4. El cuadro de b\u00fasqueda<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code><code>&#091;astra_search style=\"inline\"]<\/code><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/Screen-Recording-2018-08-17-at-06.06.24.10-PM.gif\"><img decoding=\"async\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/Screen-Recording-2018-08-17-at-06.06.24.10-PM.gif\" alt=\"Astra Search Filter\"\/><\/a><\/figure>\n\n\n\n<p><strong>Nota:<\/strong> Este shortcode es una funci\u00f3n premium disponible con la aplicaci\u00f3n <strong>Complemento Astra Pro<\/strong> plugin. Para utilizar estas funciones Pro, debe disponer de la licencia <a href=\"https:\/\/wordpress.org\/themes\/astra\/\">Tema Astra<\/a> junto con el Addon Astra Pro instalado en su sitio web.<\/p>\n\n\n\n<p>Puede utilizar el bloque de c\u00f3digos cortos en cualquier parte de su sitio web. Copie y pegue los c\u00f3digos anteriores para insertarlos en su sitio web.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/How-to-add-shortcode.gif\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/How-to-add-shortcode-1024x524.gif\" alt=\"How to add shortcode\" class=\"wp-image-153040\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/How-to-add-shortcode-1024x524.gif 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/How-to-add-shortcode-300x154.gif 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/06\/How-to-add-shortcode-768x393.gif 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Si desea a\u00f1adir un shortcode a su elemento de men\u00fa, considere la posibilidad de utilizar un plugin de terceros como <a href=\"https:\/\/wordpress.org\/plugins\/shortcode-in-menus\/\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00f3digo corto en los men\u00fas<\/a>. Tenga en cuenta que este plugin no ha sido desarrollado por nosotros y le recomendamos encarecidamente que haga una copia de seguridad de su sitio web antes de instalarlo. Aqu\u00ed tiene una <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/backup-your-website-in-less-than-10-minutes\/\" target=\"_blank\" rel=\"noreferrer noopener\">art\u00edculo <\/a>que le guiar\u00e1 sobre c\u00f3mo hacer una copia de seguridad de su sitio web. <\/p>\n\n\n\n<p>Alternativamente, tambi\u00e9n puede utilizar el Constructor de cabecera predeterminado para a\u00f1adir un bot\u00f3n de b\u00fasqueda en su men\u00fa. He aqu\u00ed un ejemplo <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/create-header-with-header-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\">art\u00edculo <\/a>que le guiar\u00e1n.<\/p>","protected":false},"excerpt":{"rendered":"<p>Astra Pro Addon plugin versi\u00f3n 1.5.0 y superior proporciona un shortcode para mostrar un cuadro de b\u00fasqueda. Este shortcode se puede utilizar en cualquier lugar en el sitio web es decir, encabezado, pie de p\u00e1gina, constructor de p\u00e1gina, widgets de la barra lateral, etc para mostrar el cuadro de b\u00fasqueda. Buscar por: Buscar mostrar\u00e1 el icono de b\u00fasqueda en cualquier lugar que desee. Los siguientes estilos est\u00e1n disponibles para [...]<\/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":[108],"docs_tag":[],"class_list":{"0":"post-28798","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"],"wpil_sync_report3":["1"],"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:55:\"https:\/\/wpastra.com\/docs\/search-box-shortcode-in-astra\/\";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:\"28776\";s:5:\"title\";s:35:\"Introducing Search Styles in Astra!\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:4208:\"<!-- wp:paragraph -->\n<p>Have you been looking around for some stylish search options that look great and interactive on your website? Many of you even wrote to us asking whether we plan to introduce styles to replace the default Astra&nbsp;search box.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>But now, we do! Yes, you can add a stylish search option that such as<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><strong>The Slide search<\/strong> - It slides open a search box when you click on the search icon.<\/li><li><strong>The Full-screen search<\/strong> - It covers the entire screen<\/li><li><strong>The Header cover search<\/strong> - It covers the header<\/li><li><strong>The Search box<\/strong> - A default search box if you would like to keep it as it is.<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>These styling options are currently available in the <strong>beta version 1.4.9 of the Astra theme and 1.5.0 of the Astra Pro addon<\/strong>. Please make sure you are using the latest version of the Astra theme and the addon to be able to use these styles.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can take a quick look at the GIF below that shows how different search styles will look on your website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":28794,\"align\":\"center\",\"linkDestination\":\"custom\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/08\/Astra-search-styles.gif\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/08\/Astra-search-styles.gif\" alt=\"\" class=\"wp-image-28794\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading -->\n<h2>What\u2019s more to this? <\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Need to add search options anywhere on the page? We've introduced a few shortcodes that you can pick and insert anywhere on the page. These shortcodes work with specific parameters that allow you to select the style you wish to use. You can learn more about these <a href=\"https:\/\/wpastra.com\/docs\/search-box-shortcode-in-astra\/\" target=\"_blank\" rel=\"noopener noreferrer\">search shortcodes<\/a> in our knowledge base article.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>What can you expect in the Stable version? <\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>As mentioned above, this is just a beta version that we pushed for you to give it a try. We are constantly working on improving it and adding more options as required. You can expect the stable version of this update on Monday, i.e. 20th August 2o18.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>With the newly introduced styles, you'll be assured that you no longer need to see the default search box on mobile. Yes, once you are comfortable with the search styles on desktops, they'll be made available for mobile too. Just a couple of days to go until you get the stable version to go live on your websites.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>Give it a Try! <\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p><em><strong>This is a beta release and we encourage you to try it your staging and development sites and let us know how you like it.<\/strong><\/em><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>To get started,&nbsp;<a href=\"https:\/\/wpastra.com\/docs\/backup-your-website-in-less-than-10-minutes\/\">backup your website<\/a> and follow the steps below:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol><li>Download the beta versions of the theme and plugin from the member's area.<\/li><li>Delete the currently installed Astra theme and Astra Pro Addon plugin from your site. Don\u2019t worry you won\u2019t lose any data.<\/li><li>Install the downloaded zip files in step 1, just like any WordPress theme and plugin.<\/li><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>That's about it! If there are any improvements or features you would like to see in this update, please feel absolutely free to <a href=\"https:\/\/wpastra.com\/support\/open-a-ticket\/\">let us know.&nbsp;<\/a>We look forward to see your favorite search styles go live on your website!<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Cheers :)<\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:46:\"https:\/\/wpastra.com\/introducing-search-styles\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=28776\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=28776\";}}s:6:\"anchor\";s:17:\"search shortcodes\";s:15:\"added_by_plugin\";b:0;}i:1;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:55:\"https:\/\/wpastra.com\/docs\/search-box-shortcode-in-astra\/\";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:\"28781\";s:5:\"title\";s:20:\"Version 1.5.0-beta.1\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:1835:\"<strong>New:<\/strong>\r\n<ul>\r\n \t<li>Search styles - Header Cover, Full Screen, Search Box, Slide Search\r\n<video style=\"display: block; height: auto; width: 100%;\" src=\"https:\/\/ddwva799xzrph.cloudfront.net\/items\/1s1t422H3P2J3z2g2a1U\/Screen%20Recording%202018-08-17%20at%2012.17%20PM.mov\" autoplay=\"autoplay\" controls=\"controls\" width=\"300\" height=\"150\">Header Cover Search<\/video><video style=\"display: block; height: auto; width: 100%;\" src=\"https:\/\/ddwva799xzrph.cloudfront.net\/items\/3s222a1c3X1p2K3U3u1K\/Screen%20Recording%202018-08-17%20at%2012.17%20PM.mov\" autoplay=\"autoplay\" controls=\"controls\" width=\"300\" height=\"150\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span>Full Screen Search<\/video>\r\n\r\n[caption id=\"\" align=\"alignnone\" width=\"1288\"]<a href=\"https:\/\/cl.ly\/0B0Z3U2J0v1G\" target=\"_blank\" rel=\"noopener\"><img style=\"display: block; height: auto; width: 100%;\" src=\"https:\/\/ddwva799xzrph.cloudfront.net\/items\/0h2k313v0N3A0A182Q46\/Image%202018-08-17%20at%2012.18.31%20PM.png\" alt=\"\" width=\"1288\" height=\"106\" \/><\/a> Search Box[\/caption]<\/li>\r\n \t<li>New shortcode <code>[astra_search]<\/code> so that the search styles can be used in the headers created using page builders. <a style=\"font-size: 16px; background-color: #ffffff;\" href=\"https:\/\/wpastra.com\/docs\/search-box-shortcode-in-astra\/\">Read doc here<\/a><\/li>\r\n \t<li>Blog Pro - Image size control for blog archive and single post<\/li>\r\n<\/ul>\r\n<strong>Fix:<\/strong>\r\n<ul>\r\n \t<li>Transparent Header makes the search bar transparent.<\/li>\r\n \t<li>Font size and line height for h2 not working.<\/li>\r\n \t<li>Mobile flyout Menu Hiding on Safari iOS when sticky header is activated.<\/li>\r\n \t<li>Brizy page builder not working when creating layouts in custom layouts addon.<\/li>\r\n<\/ul>\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:51:\"https:\/\/wpastra.com\/changelog\/version-1-5-0-beta-1\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=28781\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=28781\";}}s:6:\"anchor\";s:13:\"Read doc here\";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":["2"],"wpil_links_outbound_external_count_data":["a:2:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:96:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/Screen-Recording-2018-08-17-at-06.06.24.10-PM.gif\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:116:\"<img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/Screen-Recording-2018-08-17-at-06.06.24.10-PM.gif\" alt=\"\"\/>\";s:15:\"added_by_plugin\";b:0;}i:1;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;}}"],"wpil_sync_report2_time":["2019-10-18T13:02:30+00:00"],"_edit_lock":["1686565613:86"],"_edit_last":["86"],"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":["90"],"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 Add Search Box in Astra Using Shortcode?"],"_ht_kb_post_views_count":["20"],"_ht_kb_usefulness":["-1"],"_ht_article_order_108":["28798"],"wp_last_modified_info":["June 12, 2023 @ 3:56 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["10717"],"helpful":["15"],"unhelpful":["36"],"redirects":["18"],"rank_math_primary_docs_category":["108"],"rank_math_title":["How to Add Search Box in Astra Using Shortcode?"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1036"],"rank_math_seo_score":["21"],"rank_math_internal_links_processed":["1"],"_wplmi_last_modified":["2023-06-12 15:56:51"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"11ce087959f68d61ff206fd67c26821e\";s:6:\"images\";a:1:{i:0;i:40868;}}"],"pfd_related_docs":[""],"_wpml_media_duplicate":["1"],"_trp_automatically_translated_slug_es_ES":["cuadro-de-busqueda-shortcode-en-astra"],"_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:9:\"core\/code\";i:4;s:10:\"core\/image\";i:5;s:14:\"uagb\/container\";i:6;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776595466\";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":"Astra Pro Addon plugin version&nbsp;1.5.0 and above provides a shortcode to display a search box. This shortcode can be used anywhere on the website i.e header, footer, page builder, sidebar widgets, etc. to display the search box. Buscar por: Buscar will display the search icon anywhere you want. The following styles are available for the&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/28798"}],"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=28798"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/28798\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=28798"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=28798"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=28798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}