Jump to content
valerio.b

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.

Share this post


Link to post
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';
}

 

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

Il faudra faire une capture écran du design que vous souhaitez ou un site d'exemple car là je ne comprends pas trop votre demande.

Share this post


Link to post
Share on other sites

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...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More