Filament•7mo ago

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•7mo ago

Where did you add this? In a custom theme? Did you check the CSS rules in the DevTools?

Solution

Tetracyclic•7mo ago

@Xavi, you need to remove the space before [data-group-label]

Tetracyclic•7mo 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
}

XaviOP•7mo ago

great @Tetracyclic thank you so much!

Gaming

Programming

How to apply CSS to sidebar navigation group