Espacement trop grand entre les sous catégories

[Manu Mfashion]

Re bonsoir à la communauté!

Vraiment aucun bon samaritain pour m'aider à réduire cet espacement entre les sous catégories sous prestashop 1.7.3.3 visible ci'dessous?

S'il vous plait? J'aimerais tasser un peu plus les lignes .

Même si c'est payant, vous me le dites, on en discute en privé

Voir fichier joint

Cordialement

 

 

Edited June 13, 2018 by Manu Mfashion (see edit history)

[Stéphane]

Salut,

supprime la marge intérieur (padding) du menu en éditant ton fichier css:

.top-menu a:not([data-depth="0"]) {
    display: block;
    padding: .625rem;
    color: #7a7a7a;
    font-weight: 400;
}

 

[Manu Mfashion]

il y a 27 minutes, Stéphane a dit :

Salut,

supprime la marge intérieur (padding) du menu en éditant ton fichier css:

.top-menu a:not([data-depth="0"]) {
    display: block;
    padding: .625rem;
    color: #7a7a7a;
    font-weight: 400;
}

 

Bonsoir,

N'étant pas bien calé dans le domaine, je souhaite bien vous comprendre avant d'entreprendre quoi que ce soit/

Il s'agit de supprimer la valeur qui vient après padding : soit  .625rem;  c'est bien ça??

Cordialement

 

.625rem;

Edited June 13, 2018 by Manu Mfashion (see edit history)

[Stéphane]

Le plus simple serait d'éditer votre fichier custom.css accessible depuis le dossier de votre thème

classic>assets>css>custom.css et de coller ceci dedans

.top-menu a[data-depth="1"], .top-menu a[data-depth="2"] {
    padding: 0;
}

 

Edited June 13, 2018 by Stéphane
Correction (see edit history)

[Stéphane]

Ou alors essayer avec cette valeur cela réduit la marge sans la supprimer totalement

.top-menu a:not([data-depth="0"]) {
    padding: 2px;
}

 

[Manu Mfashion]

il y a 49 minutes, Stéphane a dit :

Ou alors essayer avec cette valeur cela réduit la marge sans la supprimer totalement

.top-menu a:not([data-depth="0"]) {
    padding: 2px;
}

 

J'ai peut-être posé le problème à moitié.

ça marche pour la 1ère profondeur de sous-catégorie mais pas pour les suivantes :

1 catégorie

  1.1 sous catégorie (jusqu'ici c'est OK) mais pas pour les suivantes cidessous

     1.1.1

          1.1.1.1

Edited June 13, 2018 by Manu Mfashion (see edit history)

[Stéphane]

Essayez avec le code ci-dessous, coller le dans le custom.css à la place de l'autre, normalement cela réduit toutes les marges.

top-menu a[data-depth="1"], .top-menu a[data-depth="2"] {
    padding: 0;
}

.top-menu a:not([data-depth="0"]) {
  padding: 2px;
}

.dropdown-item {
  padding:0;
} 

 

[Ced17]

Déjà répondu il y a un moment déjà et sans réponse de votre part!!!  ICI

[Manu Mfashion]

Merci de votre aide.

Juste une dernière question. Quelle valeur dois-je modifier en plus ou moins pour décaler la 2e profondeur vers la droite après la catégorie, s'il vous plait

Par exemple tel que ci-dessous mais sans ce grand espacement :

MODE FEMMES 

   ACCESSOIRES

       Chaussures

       Bijoux

       Sacs

ROBES

      Petites robes

      Dashiki

      Soirées

 

 

[Ced17]

Je ne suis plus devant l'ordi, mais je ne crois pas que cela soit possible. Je vous dis ça demain.

[Manu Mfashion]

il y a 1 minute, Ced17 a dit :

Je ne suis plus devant l'ordi, mais je ne crois pas que cela soit possible. Je vous dis ça demain.

OK, Merci de votre disponibilité pour ce soir et bonne nuit

[Stéphane]

Essayez de rajouter ces valeurs en plus dans votre custom.css !

.top-menu a:not([data-depth="2"]) {
    padding-left: 8px;
}
.dropdown-item dropdown-submenu a{
  padding-left: 0;
}

 

[Manu Mfashion]

Il y a 13 heures, Stéphane a dit :

Essayez de rajouter ces valeurs en plus dans votre custom.css !

.top-menu a:not([data-depth="2"]) {
    padding-left: 8px;
}
.dropdown-item dropdown-submenu a{
  padding-left: 0;
}

 

Bonjour,

L'espacement s'est bien réduit comme je le voulais

mais le décalage n'y est toujours pas.

Voici une image du décalage tel que je le souhaite, (voir encadré en rouge ci dessous) :

[Manu Mfashion]

OK, je crois que ça va maintenant. 

Merci pour

Merci de votre aide.

J'ai dû modifier certaines valeurs à 0 et à 10 comme suit, si cela peut aider quelqu'un d'autre :

.top-menu a[data-depth="1"], .top-menu a[data-depth="2"] {
    padding: 0;
}

.top-menu a:not([data-depth="0"]) {
  padding: 0px;
}

.dropdown-item {
  padding:0;
} 

.top-menu a:not([data-depth="2"]) {
    padding-left: 10px;
}
.dropdown-item dropdown-submenu a{
  padding-left: 0;
}

[Stéphane]

Salut, apparemment la propriété padding-left du bloc .dropdown-item n'est pas pris en compte si j'ai 5 mins ce week-end je t'apporte une correction pour un bon alignement.