{"id":28393,"date":"2018-07-02T00:00:00","date_gmt":"2018-07-01T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=28393"},"modified":"2022-06-29T12:22:16","modified_gmt":"2022-06-29T06:52:16","slug":"how-to-stick-footer-to-bottom-when-page-content-is-less","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-stick-footer-to-bottom-when-page-content-is-less\/","title":{"rendered":"\u00bfC\u00f3mo pegar el pie de p\u00e1gina a la parte inferior cuando el contenido de la p\u00e1gina es menor?"},"content":{"rendered":"<p>A veces puede tener p\u00e1ginas en su sitio web con pocas l\u00edneas de texto o muy poco contenido.<\/p>\n\n\n\n<p>En tales casos, el pie de p\u00e1gina se muestra debajo del contenido en alg\u00fan lugar entre la p\u00e1gina. Eso no da un aspecto agradable a la p\u00e1gina.<\/p>\n\n\n\n<p>Puede pegar el pie de p\u00e1gina en la parte inferior para que, independientemente de la longitud de su contenido, el pie de p\u00e1gina se pegue al final de la p\u00e1gina.<\/p>\n\n\n\n<p>A\u00f1ada el siguiente CSS al editor de c\u00f3digo de su sitio web.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted lang:php decode:true\">1TP20P\u00e1gina {\n    mostrar: flex;\n    flex-direcci\u00f3n: columna;\n\tmin-height: 100vh;\n}\n.admin-bar #page{\n\tmin-height: calc(100vh - 32px);\n}\n#page .site-content{\n    flex-grow: 1;\n}<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfC\u00f3mo a\u00f1adir el c\u00f3digo al sitio web de WordPress?<\/h2>\n\n\n\n<p>Siga los pasos que se indican a continuaci\u00f3n para a\u00f1adir el c\u00f3digo CSS anterior a su sitio web.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Ir al panel de WordPress<\/li><li>Haga clic en Apariencia y en Personalizar<\/li><li>Despl\u00e1cese hasta la parte inferior y haga clic en CSS adicional<\/li><li>Copie el c\u00f3digo anterior<\/li><li>P\u00e9galo en el editor de c\u00f3digo<\/li><li>Haga clic en Publicar<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/06\/Ast-stick-footer-at-the-bottom.png\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/06\/Ast-stick-footer-at-the-bottom.png\" alt=\"Adding custom CSS\" class=\"wp-image-125824\" width=\"988\" height=\"265\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/06\/Ast-stick-footer-at-the-bottom.png 988w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/06\/Ast-stick-footer-at-the-bottom-300x80.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/06\/Ast-stick-footer-at-the-bottom-768x206.png 768w\" sizes=\"(max-width: 988px) 100vw, 988px\" \/><\/a><\/figure>","protected":false},"excerpt":{"rendered":"<p>A veces puede tener p\u00e1ginas en su sitio, que tienen pocas l\u00edneas de texto o muy poco contenido. En tales casos, el pie de p\u00e1gina se muestra debajo del contenido en alg\u00fan lugar entre la p\u00e1gina. Eso no da un aspecto agradable a la p\u00e1gina. Usted puede pegar el pie de p\u00e1gina a la parte inferior para que no importa lo que su contenido [...]<\/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,132],"docs_tag":[],"class_list":{"0":"post-28393","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-general","6":"docs_category-footer-widgets-module"},"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":["0"],"wpil_links_inbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_internal_count":["3"],"wpil_links_outbound_internal_count_data":["a:3:{i:0;a:9:{s:3:\"url\";s:75:\"https:\/\/git-staging.wpastra.com\/docs\/add-custom-php-code\/#3.-in-child-theme\";s:8:\"url_real\";s:75:\"https:\/\/git-staging.wpastra.com\/docs\/add-custom-php-code\/#3.-in-child-theme\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";i:0;s:6:\"anchor\";s:29:\"child theme\u2019s functions.php\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}i:1;a:9:{s:3:\"url\";s:56:\"https:\/\/git-staging.wpastra.com\/docs\/custom-layouts-pro\/\";s:8:\"url_real\";s:56:\"https:\/\/git-staging.wpastra.com\/docs\/custom-layouts-pro\/\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";i:0;s:6:\"anchor\";s:14:\"Custom Layouts\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}i:2;a:9:{s:3:\"url\";s:98:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-custom-code-set-footer-bottom.png\";s:8:\"url_real\";s:98:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-custom-code-set-footer-bottom.png\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";i:0;s:6:\"anchor\";s:141:\"<img src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-custom-code-set-footer-bottom.png\" alt=\"\" class=\"wp-image-39237\"\/>\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}}"],"wpil_links_outbound_external_count":["0"],"wpil_links_outbound_external_count_data":["a:0:{}"],"wpil_sync_report2_time":["2019-09-05T12:01:45+00:00"],"_edit_lock":["1656485538: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"],"_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 Stick Footer to Bottom When Page Content Is Less?"],"astra_style_timestamp_css":["1573724169"],"_ht_kb_post_views_count":["10"],"_ht_kb_usefulness":["0"],"_ht_article_order_108":["28393"],"_ht_article_order_132":["28393"],"wp_last_modified_info":["June 29, 2022 @ 12:22 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["14936"],"helpful":["33"],"unhelpful":["72"],"redirects":["20"],"_yoast_wpseo_estimated-reading-time-minutes":["2"],"rank_math_primary_docs_category":["108"],"rank_math_title":["How to Stick Footer to Bottom When Page Content Is Less?"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1071"],"rank_math_internal_links_processed":["1"],"rank_math_seo_score":["11"],"_wplmi_last_modified":["2022-06-29 12:22:16"],"pfd_related_docs":[""],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"5995ce20a52c2a49fd0929d2e38f4f55\";s:6:\"images\";a:1:{i:0;i:125824;}}"],"_wpml_media_duplicate":["1"],"_trp_automatically_translated_slug_es_ES":["como-pegar-el-pie-de-pagina-a-la-parte-inferior-cuando-el-contenido-de-la-pagina-es-menor"],"_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:17:\"core\/preformatted\";i:2;s:12:\"core\/heading\";i:3;s:9:\"core\/list\";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:\"1778844549\";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":"Sometimes you may have pages on your site, that have few lines of text or very less content. In such cases, the footer displays below the content somewhere&nbsp;between the page. That does not give a nice look to the page. You can stick the footer to the bottom so that no matter what your content&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/28393"}],"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=28393"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/28393\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=28393"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=28393"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=28393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}