{"id":98671,"date":"2021-07-12T15:26:29","date_gmt":"2021-07-12T09:56:29","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=98671"},"modified":"2021-09-08T21:13:04","modified_gmt":"2021-09-08T15:43:04","slug":"apply-default-button-padding","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/apply-default-button-padding\/","title":{"rendered":"\u00bfC\u00f3mo aplicar los nuevos valores predeterminados de relleno de los botones?"},"content":{"rendered":"<p>La versi\u00f3n 3.6.3 de Astra Theme trajo cambios en los valores de relleno por defecto de los botones para mejorar la interfaz de usuario por defecto. Adem\u00e1s, esta actualizaci\u00f3n inclu\u00eda una correcci\u00f3n para los ajustes de relleno globales que no se aplicaban a los botones de Gutenberg.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfPor qu\u00e9 necesito esta mejora?<\/h2>\n\n\n\n<p>Anteriormente, los valores predeterminados de relleno de los botones del tema eran 10px en la parte superior e inferior y 40px en los lados izquierdo y derecho. Estos valores influ\u00edan negativamente en el atractivo visual de los botones, ya que los hac\u00edan demasiado anchos. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-button-padding-old.png\" alt=\"Astra Theme - Old Default Button Padding Settings\" class=\"wp-image-100386\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-button-padding-old.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-button-padding-old-300x173.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-button-padding-old-1024x589.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-button-padding-old-768x442.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n\n\n\n<p>Por eso hemos actualizado estos valores a 15-30px (arriba, abajo - derecha, izquierda).<\/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-button-padding-new.png\" alt=\"Astra Theme - New Default Button Padding Settings\" class=\"wp-image-100387\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-button-padding-new.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-button-padding-new-300x173.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-button-padding-new-1024x589.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-button-padding-new-768x442.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n\n\n\n<p>Adem\u00e1s, si usaste Gutenberg para tus publicaciones o p\u00e1ginas, es posible que hayas notado que los valores de relleno de los botones que configuraste en Personalizador &gt; Global &gt; Botones no se aplicaban y que necesitabas configurar estos valores manualmente para cada bot\u00f3n.<\/p>\n\n\n\n<p>Aunque estas cosas han cambiado con la actualizaci\u00f3n Astra 3.6.3, no se aplicar\u00e1n autom\u00e1ticamente a su sitio web para evitar cualquier efecto adverso en sus sitios web existentes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfC\u00f3mo solucionarlo?<\/h2>\n\n\n\n<p>Estos cambios se aplicar\u00e1n autom\u00e1ticamente a todos los sitios web nuevos.&nbsp;<\/p>\n\n\n\n<p>Como se ha mencionado, para el sitio web existente, esta mejora debe activarse a\u00f1adiendo un filtro. Esto se ha hecho para que pueda comprobar c\u00f3mo se aplican estos cambios a su sitio web y realizar los cambios que sean necesarios.&nbsp;<\/p>\n\n\n\n<p>Para aplicar la mejora a su sitio web existente, deber\u00e1 a\u00f1adir un filtro al archivo functions.php de su tema hijo. Si no tiene instalado el tema hijo, compruebe lo siguiente <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/install-astra-child-theme\/\">este art\u00edculo<\/a> sobre c\u00f3mo hacerlo. Por favor, a\u00f1ada el siguiente filtro:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">add_filter( 'astra_update_button_padding_defaults', '__return_true' );<\/pre>\n\n\n\n<p>Si no est\u00e1 seguro de c\u00f3mo a\u00f1adir este c\u00f3digo, consulte lo siguiente <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/add-custom-php-code\/#3.-in-child-theme\">art\u00edculo<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>La versi\u00f3n 3.6.3 de Astra Theme trajo cambios en los valores de relleno por defecto de los botones para mejorar la interfaz de usuario por defecto. Adem\u00e1s, esta actualizaci\u00f3n incluye una correcci\u00f3n para los ajustes de relleno global que no se aplican a los botones de Gutenberg.  \u00bfPor qu\u00e9 necesito esta mejora? Anteriormente, los valores de relleno de los botones por defecto del tema eran de 10px en la parte superior e inferior y de 40px [...]<\/p>","protected":false},"author":70,"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":[2109],"docs_tag":[],"class_list":{"0":"post-98671","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-astra-theme-pro-filters"},"spectra_custom_meta":{"wp_last_modified_info":["September 8, 2021 @ 9:13 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1632196930:20"],"_edit_last":["70"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["60"],"_yoast_wpseo_estimated-reading-time-minutes":["2"],"_wp_old_slug":["apply-new-default-button-padding"],"views":["23785"],"helpful":["2"],"unhelpful":["3"],"redirects":["0"],"_yoast_wpseo_focuskw":["Button Padding"],"_yoast_wpseo_metadesc":["Astra Theme 3.6.3 brought changes to default button padding values for and Global padding settings for Gutenberg buttons. Learn more."],"_yoast_wpseo_linkdex":["67"],"_lmt_disableupdate":["no"],"_wplmi_last_modified":["2021-09-08 21:13:04"],"rank_math_description":["Astra Theme 3.6.3 brought changes to default button padding values for and Global padding settings for Gutenberg buttons. Learn more."],"rank_math_focus_keyword":["Button Padding"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["208"],"rank_math_internal_links_processed":["1"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"34ab9b4cb2ffde88ae9da4b83bb2d39e\";s:6:\"images\";a:1:{i:0;i:100386;}}"],"_trp_automatically_translated_slug_es_ES":["aplicar-el-relleno-predeterminado-a-los-botones"],"_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:6:{i:0;s:14:\"core\/paragraph\";i:1;s:12:\"core\/heading\";i:2;s:10:\"core\/image\";i:3;s:17:\"core\/preformatted\";i:4;s:14:\"uagb\/container\";i:5;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776934966\";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":"Nikola Mihajlovic","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/nikolam\/"},"uagb_comment_info":0,"uagb_excerpt":"Astra Theme version 3.6.3 brought changes to default padding values for buttons to improve the default UI. Furthermore, this update came with the fix for Global padding settings not being applied to Gutenberg buttons.&nbsp; Why Do I Need This Improvement? Previously, the theme default button padding values were 10px on top and bottom and 40px&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/98671"}],"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\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=98671"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/98671\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=98671"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=98671"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=98671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}