tengo un problema con el modulo de banner de prestashop 1.7.6.8 SOLUCIONADO

[eilyvictoria123]

quiero cambiarle el tamaño al banner 

que salga completo, le cambie el css en el custom.css pero sigue igual no crecio mucho y necesito ayuda ya no se que hacer

.banner{
    width:100%; 
    height:100%;
}
.img-fluid{
    width: 100%;
    height: auto;
}

intente eso, y se muestra como en la imagen

 

Edited November 29, 2020 by eilyvictoria123 (see edit history)

[Pixefora D]

El problema es que el container principal tiene un width definido de X pixeles, por lo que la imagen no puede ser mayor que su padre.

Para saltarse esto tienes dos opciones:

1- Editar  el módulo del banner y cerrar el/los divs, ponerle el width:100% al banner y posteriormente volverlos a abrir.

2- https://css-tricks.com/full-width-containers-limited-width-parents/

[eilyvictoria123]

tengo que editar el modulo o el css?

[Pixefora D]

Para la segunda opción sólo el css, creo que es la que te puede resultar más fácil.

Edited November 27, 2020 by Pixefora D (see edit history)

[eilyvictoria123]

sigue igual nada ha cambiado

[Pixefora D]

Pero lo has adaptado a tu theme? Debes meterle las class necesarias, si lo metes tal cual el css no va a saber dónde debe aplicarlo.

[eilyvictoria123]

[Pixefora D]

Ponme la url de tu tienda que le pegue un  ojo.

[Pixefora D]

Quita lo que pusiste y pon esto:

.full-width {   
display: block;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;

}

 

[Pixefora D]

Sigue igual porque no le has metido el css que te dije, o no has sabido hacerlo..

 

 

 

[eilyvictoria123]

le coloque al modulo la clase, y en custom css coloque lo que me dijiste y no ha cambiado nada

[Pixefora D]

Lo siento, no puedo hacer más por ti..

El código funciona, lo he probado en tu web, pero debes de estar metiendo el css de forma incorrecta puesto que con el inspector de elementos no aparece nada de lo que te dije que le pusieras. 

 

Quizá debes limpiar la cache de prestashop?

 

 

[eilyvictoria123]

limpiare el cache

[eilyvictoria123]

ya lo limpie, y agrege el codigo al custom y sigue igual auxilio

[eilyvictoria123]

pero solo le estoy implementando esto al banner pero no a la imagen que es img-fluid que me sugieres ahi

[Pixefora D]

No te entiendo.

Tan sólo mete ese css por ftp en tu global.css, o si cambias el class entonces adaptalo.

Creo que no puedo hacer más para ayudarte, quizá podrias mirarte algún manual básico de css. 

Un saludo.

[eilyvictoria123]

Ya lo logre!!, muchas gracias

[Pixefora D]

Marca el post como solucionado en el título.

Un saludo.