F
Filament•4w ago
Xavi

How to apply CSS to sidebar navigation group

Hi everyone! I want to apply CSS to only one navigation group, but it doesn't works. For example if i want to hide navigation group label for a menu called "First Menu" i add this code 
.fi-sidebar-group [data-group-label="First Menu"] > div:first-child {
    @apply hidden
}
.fi-sidebar-group [data-group-label="First Menu"] > div:first-child {
    @apply hidden
}
but it doesn't works. Any ideas? Thanks a lot!
Solution:
@Xavi, you need to remove the space before [data-group-label]
Jump to solution
4 Replies
Dennis Koch
Dennis Koch•4w ago
Where did you add this? In a custom theme? Did you check the CSS rules in the DevTools?
Solution
Tetracyclic
Tetracyclic•4w ago
@Xavi, you need to remove the space before [data-group-label]
Tetracyclic
Tetracyclic•4w ago
.fi-sidebar-group[data-group-label="First Menu"] > div:first-child {
    @apply hidden
}
.fi-sidebar-group[data-group-label="First Menu"] > div:first-child {
    @apply hidden
}
Xavi
Xavi•4w ago
great @Tetracyclic thank you so much!
Want results from more Discord servers?
Add your server
More Posts
imageHow to customize the error message in Filament, knowing that I have 2 languages. I edited the dimensChange text of table body before applying filtersI have Student resource with list view having table filters. Unless the filters are selected, no datCall Table Actions without making full requests?When calling a table Action of any kind, it seems livewire will refetch the whole page request - is Suggestion for dependant fieldsCan someone suggest me what is the best approach for dependant fields.. In my case, I want my inputRelationship repeater not workingI'm creating a form where the users create a new `PlayerPreinscription` model. This model has many email & sms importHi everyone, I would like to import a record that has 2 fields, an email and an SMS, where at least I want to increase all font's sizesI'm new to Filament, I'm trying to increase all fonts because it looks small, I tried modifying `taiOpen custom modal action on record clickI need to open a custom modal action on row click. I've tried in `recordUrl()` and in `recordAction(Query string on simple resource modalsIs there a built-in way to fill the query string when the modal of a simple resource is open, so thaFilament Blade Components in non-filament frontendI did add @FilamentStyles and @FilamentScripts to my layout, I have everything set in vite.config.js