Imagen en full width

[juliagq_95]

Hola!

Me gustaría poner una imagen en full width y quitar los márgenes, pero nada funciona...

element.style {
display: block;
margin-left: auto;
margin-right: auto;
}
img {
display: block;
max-width: 100%;
height: auto;



.sp-module-content {
display: inline-block;
margin-left: auto;

¿Alguna idea?

Gracias!

[AlexVega]

Que tal,

¿La imágen la quieres de fondo para una sección... o para todo el sitio?,
Al adjuntar la URL de tu sitio podemos revisar más a detalle que código es posible agregar.

Saludos!

[juliagq_95]

Gracias por la respuesta!
Esta es la web: http://colegiosantacecilia.es/
La imagen principal de "SOmos Vedruna" es la que me gustaria poner en full width, solamente en la página de inicio.
¡Gracias de nuevo!

[kiwiplastt]

¿Qué quiero decir con eliminar márgenes?
¿Quieres que responda?

[juliagq_95]

Me gustaría que la imagen ocupe todo el ancho de la ventana

[AlexVega]

Ok, vamos por partes...

- Tu plantilla usa un framework para plantillas, que es desde donde se controla la distribución de las secciones de tu plantilla.

- El margen que comentas aparece porque la sección en donde has agregado tu imagen esta dentro del contenedor principal, que tiene un ancho definido y que limita el contenido para que no salga de ese borde. Es decir, el contenedor principal esta centrado y no ocupa el 100% del espacio disponible.

- Para que esa "fila" ocupe el 100% del espacio disponible ve a:
Extensiones > Plantillas > Estilos > Tu Plantilla > Template Options > Layout Builder

- En el icono de configuración de la fila "title" habilita la opción "Fluid Width" y guarda los cambios.

- Ahora ve al módulo donde has agregado la imagen, quita las medidas que limitan el tamaño y agrega el max-width 100%.

Recuerda siempre consultar primero la documentación del desarrollador, adjunto ambas:
ltheme.com/lt-school-joomla-template-documentation
joomshaper.com/documentation/helix-framework

Saludos!

[juliagq_95]

Muchisimas gracias!!

[AlexVega]

Un gusto ayudarte,
Saludos!