Problème de CSS dans le menu horizontale

[Goldsilence]

Bonjour, 

j'ai besoin d'un coup de main sur un code css que je n'arrive pas à définir, j'ai un thème très simple qui utilise le menu principal de prestashop (donc pas de mega menu), je ne vais mettre dans ce menu que des liens simple sans dropdown, dependant je voulais que les liens vers les pages cms ou vers les catégories puissent avoir un contour avec des bords arondis.

J'ai donc ajouté dans la partie custom css du theme un bout que code permettant d'avoir cette bordure, tout à bien fonctionné sauf que, les bordure entre un titre du menu et celui d'à côté se touchent, je n'arrive pas à les séparer de quelques pixels.

Contrairement à l'image ci-dessous actuellement les bordures se touchent

La boutique est en dev pour ne pas que google puisse la visiter pour le moment elle est en mode maintenance.

en pj voici ce que je souhaite obtenir, si quelqu'un pouvait maiguiller ce serait sympa merci.

 

[solsol69]

Bonjour

Peut etre comme ceci

#header .header-top a[data-depth="0"] {
    color: #b916bb;
    text-transform: uppercase;
    border-radius: 25px;
    border: 2px solid #d06bbb;
    padding: 8px;
}

 

[solsol69]

Bonjour

étrangement mes messages ne passent pas il sont modéré …

[Goldsilence]

il y en a qui ont la main lourde sur la modération ?   passe en mp sinon ^^

 

[coeos.pro]

Il y a 4 heures, Goldsilence a dit :

il y en a qui ont la main lourde sur la modération ?

c'est automatique et du coup des fois rien ne passe

@solsol69 je les ai tous validé

[solsol69]

Merci @coeos.pro

[Goldsilence]

Ca ne fonctionne pas, actuellement j'ai ça 

 

Quote

.menu .top-menu a[data-depth="0"], .menu .menu-specials, .menu .menu-news {

color: #444 !important;

font: 400 1.05rem/1 Lato,sans-serif;

text-shadow: 1px 1px 0 rgb(255 255 255 / 25%);

padding: 1rem 1rem;

}

 

.menu .top-menu li:not(:last-child) a[data-depth="0"] {

border-right: 1px solid rgba(0,0,0,.15);

}

 

Edited June 14, 2021 by Goldsilence (see edit history)

[solsol69]

Quel est votre version de Presta ?

[Goldsilence]

il s'agit de la 1.7.7.4 avec le theme universal de prestacrea

[solsol69]

Je pensais que c' etait le menu par défaut de presta.

Peut etre que le plus simple serait de demander directement a l'auteur du thème.

[Goldsilence]

mais il me semblait que c'était bien le menu par defaut qui était utilisé, j'aurais vulu éviter de devoir ouvrir un ticket chez eux  

la démo est ici  :https://demo.prestacrea.com/universalhome/ps17/fr/

 

[Goldsilence]

Merci quand même pour l'aide apporté, j'ai pris contact avec le concepteur du thème mais cela ne fait pas parti de ses prestations donc je me retrouve coincer

 

That's life

Edited June 15, 2021 by Goldsilence
erreur dans la phrase (see edit history)

[Divine]

Bonjour @Goldsilence

Je me permets d'intervenir sur ce post étant donné que je suis l'auteur du thème Universal.

En effet, ce type de demande n'entre pas dans le cadre du support technique car il s'agit d'une demande de personnalisation du thème. Je vous avais donc indiqué que je vous répondrai sur le forum si je tombais sur votre post.

Si les bordures ont été appliquées aux éléments "a" du menu, il faudrait ajouter une marge aux éléments "li" du même menu pour permettre d'espacer les liens. Quelque chose comme ça :

.menu .top-menu li { margin: 0 5px; }

Pour information, il s'agit bien du menu par défaut de Prestashop.