Bonjour a tous,


J'ai commencé a créer mon site web avec Divi, mais je rencontre un problème avec le curseur de défilement de poste pleine page. Mon image n'est pas en pleine largeur justement, du coup elle est répétée 2 fois.. J'aimerai que l'image soit en pleine largeur et pas en pleine en hauteur en réalité..

Est ce que vous savez comment régler cela? Avec du CSS?

https://leschatstrotters.fr/


Merci d'avance!
Modifié par Llorn (27 Apr 2019 - 12:31)
Hello,

En inspectant le DOM vite fait, j'ai testé quelques trucs:


.et_pb_post_slider .et_pb_slide {
    background-repeat: no-repeat !important;
}



.et_pb_fullwidth_post_slider_0 .et_pb_slide {
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: cover;
    background-repeat: space;
}


Mais attention, ça s'applique à tous éléments qui ont les classes ciblées
Meilleure solution
Merci pour ta réponse! Le premier script permet bien d'avoir qu'une seule image c'est nickel. Par contre je ne comprends pas la deuxième partie, elle n'a pas d'effet sur mon site..

Il faudrait que l'image soit en 100% en largeur et soit rogner en hauteur..
La deuxième partie devrait fonctionner.

Avec "background-size: cover" l'image occupe 100% de la largeur et est un peu coupée en hauteur.
Nickel! J'ai rajouté les balise "!important" a la fin de chaque ligne et cela marche bien! Merci!
Modifié par Llorn (27 Apr 2019 - 14:48)