Soporte » Guías – Resolución de problemas » Elemento ancho completo

  • Resuelto beatriz4

    (@beatriz4)


    ¡Hola!. Tengo una caja al final de la página de inicio y antes del pie de página. Me gustaria que el background ocupase todo el ancho al igual que el pie de página. Estoy probando con varios códigos pero solo consigo mover la parte derecha del background. ¿Algún consejo?. Mil gracias¡

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • Moderador Jose Luis

    (@jose64)

    Hola

    Tienes que incluir todos los bloque que forman esa caja, los que van desde el párrafo «Solicitud de ingreso» hasta los botones dentro de un bloque de Grupo y asignarle Ancho completo y el color de fondo que quieras.

    Puedes hacerlo de dos formas, seleccionando todos los bloques y usar Agrupar (en el menú de bloque, los tres puntos verticales) o también puedes añadir un bloque Grupo antes del primer párrafo y mover los demás bloques dentro de él.

    Recuerda cerrar el debate marcándolo como resuelto, así nos ayudas a mantener el foro al día.

    Iniciador del debate beatriz4

    (@beatriz4)

    No me aparece la opción de ancho completo. He investigado y creo que mi tema no es compatible con esta opción. He visto un código para hacerlo compatible pero tengo que insetarlo en function.php, y ahí ya sí que me pierdo jeje. Intentaré hacerlo de otra manera. Muchas gracias¡

    Moderador Jose Luis

    (@jose64)

    Hola.

    El problema no es el tema, esa opción es del maquetador que está en el núcleo de WordPress, Gutenberg, así que todos los temas son compatibles. El problema es que estas usando Elementor, por eso no tienes esa opción, su equivalente es el bloque Sección, tienes que en las propiedades activar Extender la sección y en Ancho de contenido selecciona Ancho completo

    Iniciador del debate beatriz4

    (@beatriz4)

    He estado utilizando elementor para ver si así me quedaba mejor, por eso lo habrás visto, pero he vuelto a Gutenberg.Aún así sigo sin poder hacerlo, seguramente será algo que no estoy haciendo bien, porque no encuentro ninguna opción para asignar ancho completo.

    Moderador Jose Luis

    (@jose64)

    Hola

    Instalé el tema para hacer unas pruebas. El bloque de grupo está en los Elementos de diseño, pero el tema no permite la opción de ancho completo, para habilitar esta función tienes que añadir al archivo functions.php, o a un plugin de personalizaciones:

    add_theme_support( 'align-wide' );

    Con este código añades el soporte de Ancho amplio y Ancho completo al tema.

    Asimismo debes añadir las clases que definan el aspecto de esos dos nuevos anchos, añade este código al CSS personalizado del tema:

    .alignwide, .alignfull {
         width:  100vw;
         max-width:  100vw;
         margin-left:  calc(50% - 50vw);
    }

    Con este código lo tienes funcionando el ancho amplio con el mismo estilo que el completo. Puedes ver una explicación ampliada en estas entradas:

    Cómo añadir estilos de ancho amplio y ancho completo a bloques WordPress

    CÓMO ADAPTAR TU TEMA DE WORDPRESS A GUTENBERG

    Full and wide alignment in Gutenberg

    Con esto añades la compatibilidad que le falta al tema para el anchos completo y amplio. Coméntanos como te va y, recuerda cerrar el debate marcándolo como resuelto cuando así lo consideres, de esta forma nos ayudas a mantener el foro al día.

    Iniciador del debate beatriz4

    (@beatriz4)

    ¡Genial! Ahora sí lo entiendo todo :). Muchísimas gracias por tu ayuda. Un saludo.

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • El debate ‘Elemento ancho completo’ está cerrado a nuevas respuestas.