Bonjour,
Je n'y connais pas grand-chose en CSS, et je cherche à personnaliser mon blog après une migration forcée d'une plate-forme de blogs à une autre...
Je souhaite notamment modifier le titre d'un menu auquel je n'ai pas directement accès.

Voici le code source :
upload/1733914066-86910-capturecss.jpg

Et voici le CSS que j'ai adapté :

.ob-h3.Sidebar-title {
font-size: 0;
}
.ob-h3.Sidebar-title:: before {
ob-h3.Sidebar-title: "Lettre d'information";
font-size: initial;
}


L'ennui, c'est que cela modifie tous les titres de la Sidebar. Comment n'intervenir que sur celui correspondant à data-order="2" ?
Je vous remercie de votre aide.
Modérateur
Marc81 a écrit :
Bonjour,
Comment n'intervenir que sur celui correspondant à data-order="2" ?
Je vous remercie de votre aide.


Bonjour,

En incluant cette attribut dans le sélecteur, la regle sera limité a ce seul element:
[data-order="2"] .ob-h3.Sidebar-title {
font-size: 0;
}
[data-order="2"] .ob-h3.Sidebar-title::before {
content: "Lettre d'information";
font-size: initial;
}

Modifié par gcyrillus (11 Dec 2024 - 14:13)
Meilleure solution
Merci beaucoup. Cela supprime bien le titre visé.
En revanche, et contrairement à ce que je pensais initialement, cela ne le remplace pas par "Lettre d'information". J'ai un espace vide à la place...
D'avance merci pour vos suggestions.
Modérateur
C'est normal, une typo dans le sélecteur . recoller le pseudo-selecteur ::before au selecteur Smiley cligne
Modifié par gcyrillus (11 Dec 2024 - 14:13)
Je suis désolé, mais c'est un peu du chinois, là, pour le Béotien que je suis...
Pourriez-vous me préciser les modifications à apporter au code? Ça me permettrait de mieux comprendre. Encore merci.