XF 2.2 Have trouble changing colors on certain pages using Extra.less

[oO5 Dynasty]

So I want to change the Nav bar to be transparent inside of category pages.
My main problem is I don't know how to tell the code to do that in extra.less

.p-nav {
    color: #e4eaee;
    background: #44454700;
}

category_view is what I want to change.

 

[Nicolas FR]

Try this

[data-template="category_view"] {
    .p-nav {
        color: #e4eaee;
        background: #44454700;
    }
}

 

[oO5 Dynasty]

Try this

[data-template="category_view"] {
    .p-nav {
        color: #e4eaee;
        background: #44454700;
    }
}

Thank you sooooooooo much!