{"id":56,"date":"2023-11-25T17:33:51","date_gmt":"2023-11-25T17:33:51","guid":{"rendered":"https:\/\/blog.hostinger.io\/es\/support\/2023\/11\/25\/8360133-hostinger-website-builder-como-mostrar-una-seccion-en-ancho-completo\/"},"modified":"2026-05-08T14:30:50","modified_gmt":"2026-05-08T14:30:50","slug":"8360133-hostinger-website-builder-como-mostrar-una-seccion-en-ancho-completo","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/es\/support\/8360133-hostinger-website-builder-como-mostrar-una-seccion-en-ancho-completo\/","title":{"rendered":"Hostinger Website Builder: C\u00f3mo Mostrar Una Secci\u00f3n en Ancho Completo"},"content":{"rendered":"

Los cambios que se describen a continuación no son visibles dentro del editor<\/b>. Para comprobarlos, acceda al modo vista previa<\/a><\/b> de su sitio web o visítelo en línea<\/b> 💡.<\/p>

Mostrar todas las secciones a pantalla completa en escritorio y móvil<\/h1>

Copia el siguiente código:<\/p>

<style>
    .block-layout, .block-layout--layout {
        max-width: none !important;
        padding: 0 !important;
    }
<\/style><\/code><\/pre>
Por último, ve a Configuración<\/b> → Integraciones<\/b> de tu sitio web, y pega el código en el campo Código personalizado<\/a><\/b>. A continuación, guarda los cambios<\/b> y actualiza tu sitio web<\/b>.<\/p>
\n<\/p>
Mostrar una sección específica en ancho completo <\/h1>
Para realizar cambios únicamente en una sección concreta, necesita conocer el identificador de sección<\/b>. Puede encontrarlo inspeccionando su página<\/a><\/b> con la ayuda de las herramientas para desarrolladores de su navegador:<\/p>
\n<\/p>
\"Hostinger<\/div>
Para ordenador y móvil<\/h2>
Copia el siguiente código:<\/p>
<style>
    #sectionID div:nth-of-type(2) {
        max-width: none !important;
        padding-inline: 0 !important;
    }
<\/style><\/code><\/pre>
En el código, sustituye sectionID<\/b> por el ID real de la sección en cuestión.<\/p>
\n<\/p>
En el escritorio<\/h2>
Copia el siguiente código:<\/p>
<style>
    @media screen and (min-width: 920px) {
        #sectionID div:nth-of-type(2) {
            max-width: none !important;
        }
    }
<\/style><\/code><\/pre>
En el código, sustituye sectionID<\/b> por el ID real de la sección en cuestión.<\/p>
\n<\/p>
En móvil<\/h2>
<style>
    @media screen and (max-width: 920px) {
        #sectionID div:nth-of-type(2) {
            max-width: none !important;
            padding-inline: 0 !important;       
 }
}
<\/style><\/code><\/pre>
En el código, sustituye sectionID<\/b> por el ID real de la sección en cuestión.<\/p>
\n<\/p>
Por último, ve a Configuración<\/b> → Integraciones<\/b> de tu sitio web, y pega el código en el campo Código personalizado<\/a><\/b>. A continuación, guarda los cambios<\/b> y actualiza tu sitio web<\/b>.<\/p>\n","protected":false},"excerpt":{"rendered":"
Mostrar las secciones del sitio web en ancho completo con Hostinger Website Builder<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[257],"tags":[],"class_list":["post-56","post","type-post","status-publish","format-standard","hentry","category-diseno"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/8360133-hostinger-website-builder-how-to-display-a-section-in-full-width\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/8360133-hostinger-website-builder-como-mostrar-una-seccion-en-ancho-completo\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/56\/revisions"}],"predecessor-version":[{"id":1175,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/56\/revisions\/1175"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/media?parent=56"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/categories?post=56"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/tags?post=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}