Is there a way to remove the lock badge for some categories but not for others?

Hello guys,

as the title suggests, I am looking for a way to remove the lock badge for some categories, but not for others.
I managed to do this for the category-drop-header, since I can use the category ID to only remove the lock icon for this category, instead of globally.

I did not, however, manage to remove the icon for the badge in the category overview (cf. screenshot) and in the drop-down list of categories in the search.

Do you have any suggestions for me? I’m pretty new to working with CSS and I’ve exhausted my own approaches.

Thanks a lot!

edit:
I read both of the following threads, but could not find a solution that worked for me:

I think this should do it:

// Hide the lock icon for specific categories on topic lists and hamburger menu,
// and hide the lock icon on all dropdown search results
.search-menu .results .restricted,
[href="/c/MY-CATEGORY-SLUG1"],
[href="/c/MY-CATEGORY-SLUG2"],
[href="/c/MY-CATEGORY-SLUG3"] {
    .fa-lock {
        display: none;
    }
}

Just replace the MY-CATEGORY-SLUG# part with the slugs of the categories you want to have the lock icon hidden.

Unfortunately there isn’t enough to work with in the HTML to pick and choose which categories show the lock icon in the dropdown search results with CSS, so it’s all or nothing for that part. You will need to decide if you want to show or hide the lock for all restricted categories. If you want to show it, just remove this part: .search-menu .results .restricted,

Hopefully that gets you pretty close to what you are looking for!

11 « J'aime »

ok, désolé pour le déterrage, mais je n’arrive pas à faire fonctionner celui-ci. j’essaie de supprimer l’icône de verrouillage pour notre Lounge qui a le slug « off-topic ». notre Lounge n’était pas l’installation par défaut, c’était une catégorie créée et j’ai défini les autorisations de sorte qu’elle ne soit pas visible par les non-membres. mais je ne veux pas de l’icône de verrouillage là-bas car les membres pensent que c’est une catégorie verrouillée.

je suppose que j’ajoute ceci au code CSS :

// Masquer l'icône de verrouillage pour des catégories spécifiques dans les listes de sujets et le menu hamburger,
// et masquer l'icône de verrouillage dans tous les résultats de recherche déroulants
.search-menu .results .restricted,
[href="/c/off-topic"] {
    .fa-lock {
        display: none;
    }
}

l’icône de verrouillage est toujours là. je ne veux pas la remplacer globalement et j’aime l’idée de supprimer l’icône de verrouillage dans le menu déroulant de la catégorie également.

Salut, qu’en est-il de ceci :

.category-drop [data-value=\"ID\"] .restricted,
[href^=\"/c/off-topic\"] {
    .d-icon-lock {
        display: none;
    }
}

Remplacez ID par l’identifiant de la catégorie hors sujet.

1 « J'aime »

Merci pour votre réponse. cela l’a supprimé dans la liste déroulante de recherche de catégories, ce qui est excellent. mais je veux aussi supprimer l’icône de verrouillage globalement pour cette catégorie (pas d’autres éléments verrouillés), comme sur la page de liste des catégories.

1 « J'aime »

J’ai fait une faute de frappe dans le CSS ; j’ai écrit lounge au lieu de off-topic.

1 « J'aime »

[quote=“Franz Mutschler, post:1, topic:92610, username:franzmutschler”]supprimer l’icône du badge dans l’aperçu de la catégorie (cf. capture d’écran)
[/quote]

c’est exactement ce que je veux faire.

fantastique ! ça a marché. merci beaucoup :clap:

2 « J'aime »

Heureux que cela ait fonctionné ! Faites-moi savoir si j’ai oublié un endroit :slight_smile:

2 « J'aime »

@Arkshine
En utilisant les exemples de code ci-dessus, j’ai pu supprimer le verrou pour 2 catégories sur la page d’accueil principale et sur la barre latérale. Génial !

Cependant, le verrou apparaît toujours dans les menus déroulants des catégories. Ces deux catégories ne montrent de verrous nulle part ailleurs, juste dans ce menu.

Screenshot 2023-08-24 at 2.41.52 PM

Des idées ?

EDIT :
J’ai réussi à supprimer l’icône de verrou des menus déroulants pour TOUTES les catégories, mais je n’arrive pas à trouver comment la supprimer uniquement pour des catégories sélectionnées. Voici le CSS :

.badge-wrapper.bullet span.badge-category, {
    .d-icon-lock {
        display: none;
    }
}

J’ai essayé d’utiliser un CSS similaire à celui ci-dessus en utilisant [data-value=“ID”] mais cela n’a pas fonctionné dans ce cas.

1 « J'aime »

J’ai remarqué que l’utilisation du CSS sur les icônes de verrouillage est un peu délicate par endroits, j’ai donc créé un composant de thème pour y parvenir facilement et il masque l’icône de verrouillage pour les catégories sécurisées sélectionnées dans le sélecteur déroulant du fil d’Ariane, le fil d’Ariane de la barre d’en-tête, le menu de la barre latérale de navigation et les canaux de discussion correspondants. :slight_smile:

2 « J'aime »

Merci @Lilly. J’ai vu votre réponse initiale l’autre jour et je viens d’avoir le temps de faire quelques modifications, et j’ai découvert que vous m’aviez non seulement facilité la tâche, mais que vous aviez créé un excellent composant thématique qui aidera sans aucun doute d’innombrables personnes à accomplir la même chose. Merci beaucoup pour votre temps et vos efforts à cet égard. J’apprécie beaucoup.

1 « J'aime »

De rien et merci pour le beau compliment. J’aime beaucoup développer des outils de composants de thème pour aider les gens à étendre les capacités de leurs forums Discourse. :blush:

2 « J'aime »