Controles de ancho máximo y alto máximo del contenedor Elementor

Container Extras es una extensión gratuita de Master Addons que agrega cuatro controles de tamaño a los contenedores, secciones y columnas de Elementor: ancho máximo, alto máximo, ancho mínimo y alto mínimo. Elementor ya proporciona un ancho de contenedor, un ancho de contenido y un alto mínimo, pero no tiene un ancho o alto máximo para el elemento en sí. Úselo para tapar una sección ancha a 1400px, evitar que una columna se reduzca por debajo de un ancho establecido o evitar que un panel crezca más alto que la pantalla. Los cuatro controles responden.

Configuración del ancho máximo de Container Extras en un contenedor Elementor

Cómo establecer un ancho máximo en un contenedor Elementor

Necesita Elementor y el complemento gratuito Master Addons.

  1. Compruebe que Container Extras esté activado en Complementos maestros, extensiones.
  2. En el editor Elementor, seleccione el contenedor, sección o columna.
  3. Abre el Avanzado tabular y expandir Contenedor Extra.
  4. Establezca Ancho máximo, Alto máximo, Ancho mínimo o Alto mínimo y elija la unidad.
  5. Cambie a la vista de tableta y móvil y ajuste los valores si es necesario.
  6. Obtenga una vista previa de la página en algunos anchos de pantalla.
Sección Contenedor Extra en la pestaña Elementor Advanced

Ancho y alto máximo y mínimo en cualquier contenedor

Abra un contenedor, sección o columna, vaya al Avanzado tabular y expandir Contenedor Extra. El ancho máximo y el ancho mínimo toman px, em, % o vw. Altura máxima y altura mínima toman px, em, % o vh. Los valores se aplican al elemento en sí y pueden diferir en computadoras de escritorio, tabletas y dispositivos móviles.

  • Tapa una sección de ancho completo con un ancho establecido, como 1400px, mientras que la página permanece más ancha.
  • Dale a una columna un ancho mínimo para que no se apriete demasiado en una fila.
  • Establezca la altura máxima con el desbordamiento de Elementor configurado en Automático para un panel de desplazamiento.

Configuración del contenedor Elementor frente a extras del contenedor

Elementor cubre la mayoría de los tamaños por sí solo. Esto es lo que ofrece cada uno.

ConfiguraciónContenedor elementalExtras de contenedores
Ancho del contenido interiorSí, ancho de contenido en caja con un valor de anchoNo
Altura mínimaSíSí
Ancho máximo del elementoNo, necesita CSS personalizadoSí
Altura máxima del elementoNo, necesita CSS personalizadoSí
Ancho mínimo del elementoNo, necesita CSS personalizadoSí
Funciona en secciones y columnas heredadasDiferentes controles por elementoLos mismos cuatro controles
CostoGratisGratis

Si tienes Elementor Pro, su caja CSS personalizada puede hacer lo mismo con una línea de CSS. Extensiones relacionadas: Enlace envolvente y Puntos de interrupción personalizados.

Visor de plantillas
Facebook
Gorjeo
WhatsApp
Copiar enlace
Compra ahora
Demostración de extras de contenedores
Demostración de extras de contenedores

Preguntas frecuentes sobre extras de contenedores

Conozca las consultas más solicitadas que tienen los usuarios sobre Container Extras y encuentre respuestas en un solo lugar.
¿container Extras es gratuito?

Sí. Container Extras es parte del complemento gratuito Master Addons y funciona en contenedores, secciones y columnas heredadas. Cambia solo el elemento en el que lo configuró, por lo que el ancho global de su contenedor y otras secciones permanecen iguales.

Utilice la altura mínima cuando una sección nunca debe ser más corta que un tamaño establecido, como un héroe o una banda de color con poco contenido. Utilice la altura máxima cuando una sección nunca debe ser más alta que un tamaño establecido. Empareje la altura máxima con la configuración de desbordamiento de Elementor en el contenedor, configúrela en Automático, si el contenido debe desplazarse dentro de él.

¿anular el ancho del contenedor hará que mi diseño no responda o se rompa en el móvil?

No si estableces valores responsivos. Los cuatro controles tienen valores separados de escritorio, tableta y móvil. Un px Max Width o Min Width fijo puede desbordar una pantalla pequeña, así que use % o vw en el móvil, o borre el valor allí.

Un contenedor de ancho completo se extiende hasta los bordes de su padre. Container Extras permite que ese mismo contenedor se detenga en un ancho máximo, como 1400px, por lo que es más ancho que su contenido en caja pero no de borde a borde. La altura mínima del propio Elementor funciona igual en cualquier sentido.

Widgets y extensiones de Elementor de tendencia

Cree sitios web sofisticados en menos tiempo.

Master Addons Extensión Glassmorphism para Elementor: tarjetas de vidrio esmerilado con el control Blur Value configurado en 20px

Vidriomorfismo

Inicio Extensión de Glassmorphism Elementor gratuita: Efecto del vidrio esmerilado en un solo cambio El Glassmorphism es el esmerilado...
Ver detalles
Extensión de patrones de complementos maestros para Elementor: héroe con el estilo Purple Gradient Grid Left, tres estilos de patrones más y el panel Habilitar patrón

Patrones

Inicio 70+ Patrones de fondo de Elementor gratuitos Patrones es una extensión de complementos maestros gratuita que agrega...
Ver detalles
Extensión de duplicador de páginas/publicaciones de complementos maestros para Elementor: enlace de fila de duplicador MA en la lista de páginas de WordPress que crea una página de inicio - borrador [duplicado #128]

Duplicador de publicaciones/páginas

Inicio Duplicar páginas y publicaciones de Elementor en un clic Publicación/Duplicador de páginas es un maestro gratuito...
Ver detalles
Extensión de la barra de progreso de lectura de complementos maestros para Elementor: barra azul llena al 42% en la parte superior de una página de política de privacidad, con configuraciones de habilitar, colocar, altura y llenar color

Barra de progreso de lectura

Inicio Agregue una barra de progreso de lectura en WordPress (Elementor) La barra de progreso de lectura es gratuita...
Ver detalles
Complementos maestros Qué extensión de elemento para Elementor: widget de miembro del equipo suspendido en el editor denominado Complementos maestros para Elementor (miembro del equipo)

Qué elemento

Inicio Identifique cualquier widget Elementor en Hover Qué elemento es una extensión gratuita de complementos maestros...
Ver detalles