Problème d'affichage sur la page Informations personnelles

[Jean-Charles Torres]

Bonjour à toutes et tous, j'ai un problème d’affichage sur la page d'informations personnelles concernant le RGPD et sur les conditions générales, politique de confidentialité. Les textes se chevauchent et empiètent sur les cases à cocher (voir pièce jointe). Avez vous un solution? Merci d'avance

[ComGrafPL]

Partagez l'URL, nous pourrions peut-être corriger avec CSS.

Edited May 18 by ComGrafPL (see edit history)

[Jean-Charles Torres]

Voilà

https://saveursdespagne.com/commande

[ComGrafPL]

9 minutes ago, Jean-Charles Torres said:

Voilà

https://saveursdespagne.com/commande

 

Placez-le dans custom.css (videz le cache si besoin). Soit changement dans https://saveursdespagne.com/themes/classic/assets/css/theme.css

body#checkout .custom-checkbox span {
  position: initial;
  top: 0.025rem;
  left: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15px;
  flex: 0 0 15px;
  margin-top: 0.1rem;
}

 

[Jean-Charles Torres]

Merci, j'essaye et je vous tiens au courant !

[Jean-Charles Torres]

ça n'a rien changé, voici le contenu de mon custom.css

/* fond */
#wrapper{background:#fff!important;}

/* < desktop */
@media(max-width:1140px){
    
    #header #link_contact_pro{display:none;}
    
}

/* footer */
#footer .footer-container{box-shadow:none;border-top:5px solid #b40c17}
#footer .footer-container{background-color:#00000;}

/* step 1 */
body.page-index #wrapper .container {
     max-width: 100%;
     width: 100%;
     padding-left: 0;
     padding-right: 0;
}
body.page-index #wrapper .featured-products, body.page-index #wrapper .banner, body.page-index #wrapper #custom-text{
     margin-left: auto;
     margin-right: auto;
     padding-left: 15px;
     padding-right: 15px;
}
@media (min-width: 992px) {
     body.page-index #wrapper .featured-products, body.page-index #wrapper .banner, body.page-index #wrapper #custom-text{
         max-width: 940px;
    }
}
@media (min-width: 1200px) {
     body.page-index #wrapper .featured-products, body.page-index #wrapper .banner, body.page-index #wrapper #custom-text{
         max-width: 1140px;
    }
}
@media (max-width: 991px) {
     body.page-index #wrapper .featured-products, body.page-index #wrapper .banner, body.page-index #wrapper #custom-text{
         max-width: 100%;
    }
}
.carousel-control .icon-prev {
     margin-left: 0;
}
.carousel-control .icon-next {
     margin-right: 0;
}

/* step 2 */
.carousel .carousel-inner{height:100%;}
.carousel{box-shadow:none;}

body#checkout .custom-checkbox span {
  position: initial;
  top: 0.025rem;
  left: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15px;
  flex: 0 0 15px;
  margin-top: 0.1rem;
}

[ComGrafPL]

9 minutes ago, Jean-Charles Torres said:

ça n'a rien changé, voici le contenu de mon custom.css

/* fond */
#wrapper{background:#fff!important;}

/* < desktop */
@media(max-width:1140px){
    
    #header #link_contact_pro{display:none;}
    
}

/* footer */
#footer .footer-container{box-shadow:none;border-top:5px solid #b40c17}
#footer .footer-container{background-color:#00000;}

/* step 1 */
body.page-index #wrapper .container {
     max-width: 100%;
     width: 100%;
     padding-left: 0;
     padding-right: 0;
}
body.page-index #wrapper .featured-products, body.page-index #wrapper .banner, body.page-index #wrapper #custom-text{
     margin-left: auto;
     margin-right: auto;
     padding-left: 15px;
     padding-right: 15px;
}
@media (min-width: 992px) {
     body.page-index #wrapper .featured-products, body.page-index #wrapper .banner, body.page-index #wrapper #custom-text{
         max-width: 940px;
    }
}
@media (min-width: 1200px) {
     body.page-index #wrapper .featured-products, body.page-index #wrapper .banner, body.page-index #wrapper #custom-text{
         max-width: 1140px;
    }
}
@media (max-width: 991px) {
     body.page-index #wrapper .featured-products, body.page-index #wrapper .banner, body.page-index #wrapper #custom-text{
         max-width: 100%;
    }
}
.carousel-control .icon-prev {
     margin-left: 0;
}
.carousel-control .icon-next {
     margin-right: 0;
}

/* step 2 */
.carousel .carousel-inner{height:100%;}
.carousel{box-shadow:none;}

body#checkout .custom-checkbox span {
  position: initial;
  top: 0.025rem;
  left: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15px;
  flex: 0 0 15px;
  margin-top: 0.1rem;
}

Videz le cache du navigateur. Ça a l'air bien sur mon.

[Jean-Charles Torres]

Génial, effectivement, ça fonctionne parfaitement, un énorme merci!!!

[Jean-Charles Torres]

Je profite de votre professionnalisme pour essayer de résoudre un dernier problème que je rencontre. J'ai modifié la couleur des liens en rouge mais quand je les survoles, il ont la couleur d'origine. Comment puis je résoudre ce problème?

[Mediacom87]