Jump to content

Problème CSS avec les listes <UL> <li>


Recommended Posts

Bonjour,

J'ai un problème que je n'arrive pas à résoudre.

J'utilise Prestashop 1.7.4, Thème Classic.

Les listes à puces ne s'affichent pas correctement ... voir exemple : http://34.241.128.155/content/4-about-us

Le texte suivant est une liste mais ne s'affiche pas sous forme de liste, de plus le texte est plus petit et d'une autre couleur que le texte défini dans le css "Body". 

Les particuliers achètent leur filtre via leur installateur ou via un grossiste. 
L’installateur se fournit chez un grossiste.
Le grossiste se fournit chez le fabricant de centrale VMC.
Le fabricant de centrale VMC se fournit chez le fabricant de filtre.

J'ai essayé ceci dans le CSS général, mais ça ne change rien :

 

li {
    color:#737474; 
    font-size:13px;
    font-weight: 300;
    line-height:1.6;
    font-family:'Lato';
}

ul {
color:#737474; 
    font-size:13px;
    font-weight: 300;
    line-height:1.6;
    font-family:'Lato';
}

 

Vous savez m'aider pour que quand il y a un <ul><li> il affiche une liste à puces avec le même format de texte que pour le body ??

 

Merci d'avance,

Valerio.

Link to comment
Share on other sites

il y a une heure, valerio.b a dit :

color:#737474; 
    font-size:13px;
    font-weight: 300;
    line-height:1.6;
    font-family:'Lato';

essayer avec

li {
    color: #7a7a7a;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    font-family: 'Lato';
}

 

Link to comment
Share on other sites

Merci pour votre réponse, je suis arrivé à plus ou moins un bon résultat avec :

ul {
    font-weight: 400;
    font-size: 14px;
    list-style: none;
    list-style-position: outside;
}
li {
 padding-left: 20px;
}
li::before {
    content: "• ";
    color: #24388d;
}

 

Par contre ça s'affiche correctement dans la page, mais ça casse mon menu et mon fil d'Ariane (breadcrumb) --> http://34.241.128.155/content/4-about-us

Mais le menu et le fil d'Ariane s'affiche correctement sur les autres pages qui ne sont pas CMS, exemple : http://34.241.128.155/aerex/1479-63-aerex-fb-160-430045.html#/14-efficacite-m5/11-traitement-sans_traitement_probiotique

Link to comment
Share on other sites

  • 4 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...