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.
// 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!
ok scusate per il necro, ma non riesco a far funzionare questo. sto cercando di sopprimere l’icona del lucchetto per la nostra Lounge che ha lo slug “off-topic”. la nostra Lounge non è stata l’installazione predefinita, è stata una categoria creata e ho impostato i permessi in modo che non sia visibile ai non membri. ma non voglio l’icona del lucchetto lì perché i membri pensano che sia una categoria bloccata.
presumo che aggiungerò questo al codice CSS:
// Nasconde l'icona del lucchetto per categorie specifiche negli elenchi di argomenti e nel menu hamburger,
// e nasconde l'icona del lucchetto in tutti i risultati di ricerca a discesa
.search-menu .results .restricted,
[href="/c/off-topic"] {
.fa-lock {
display: none;
}
}
l’icona del lucchetto è ancora lì. non voglio sostituirla a livello globale e mi piace l’idea di sopprimere l’icona del lucchetto anche nel menu a discesa della categoria.
grazie per la risposta. questo l’ha soppresso nel menu a discesa della ricerca per categoria, il che è fantastico. ma voglio anche sopprimere l’icona del lucchetto a livello globale per quella categoria (non altri elementi bloccati), come nella pagina dell’elenco delle categorie.
@Arkshine
Usando gli esempi di codice sopra, sono riuscito a rimuovere il blocco per 2 categorie nella homepage principale e nella barra laterale. Fantastico!
Tuttavia, il blocco appare ancora nei menu a discesa delle categorie. Entrambe queste categorie non mostrano blocchi in nessun altro punto, solo in questo menu.
Qualche idea?
MODIFICA:
Sono riuscito a rimuovere l’icona del lucchetto dai menu a discesa per TUTTE le categorie, ma non riesco a capire come rimuoverla solo per categorie selezionate. Ecco il CSS:
Ho notato che l’uso del CSS sulle icone di blocco è un po’ complicato in alcuni punti, quindi ho creato un componente tematico per realizzarlo facilmente e nasconde l’icona di blocco per le categorie sicure selezionate nel selettore a discesa del breadcrumb, nel breadcrumb della barra di intestazione, nel menu della barra di navigazione laterale e nei relativi canali di chat.
Grazie @Lilly. Ho visto la tua risposta originale l’altro giorno e solo ora ho avuto il tempo di apportare alcune modifiche, e sono venuto a scoprire che non solo mi hai reso più facile farlo, ma hai creato un eccellente componente tematico che sicuramente aiuterà innumerevoli persone che cercano di realizzare la stessa cosa. Grazie mille per il tuo tempo e impegno in questo. Molto apprezzato.
Prego e grazie per il bel complimento. Mi piace molto sviluppare strumenti a componente tematica per aiutare le persone ad estendere le capacità dei loro forum Discourse.
