XF 2.2 need quick extra.less css help (how to hide css from specific page)

[sross]

I am hoping someone can help out here. For this css entry:

.structItem.is-unread .structItem-title::after {
content: "New";
display: inline-block;
background: rgba(139,195,74,0.95);
padding: 1px 4px;
font-size: 11px;
color: white;
border-radius: 3px;
margin-left: 5px;
position: relative;
top: -2px;
}

It works fine, but I do not want this to be active on "New Posts" page. Is there a bit of code that can hide it on specific pages like new posts?

Thanks!

 

[Paul B]

Use this to apply it to specific templates:

[data-template="template-name"],
[data-template="template-name"],
[data-template="template-name"]
{
    ...
}

 

[sross]

Use this to apply it to specific templates:

[data-template="template-name"],
[data-template="template-name"],
[data-template="template-name"]
{
    ...
}

Thanks, but what is the opposite if I want to block it from a few templates?

 

[Old Nick]

[data-template="template-name"] {
    .structItem.is-unread .structItem-title::after {
        display: none;
    }
}

 

[sross]

[data-template="template-name"] {
    .structItem.is-unread .structItem-title::after {
        display: none;
    }
}

like this?

[data-template="whats_new_posts"]
{
.structItem.is-unread .structItem-title::after {
display: none;
content: "New";
display: inline-block;
background: rgba(139,195,74,0.95);
padding: 1px 4px;
font-size: 11px;
color: white;
border-radius: 3px;
margin-left: 5px;
position: relative;
top: -2px;
}
}

I'll try this but I may have it wrong

 

[sross]

yeah I can't seem to get this to work, I just want "new" button not to show on what's_new_posts

 

[sross]

got it. this worked:

[data-template="whats_new_posts"]
.structItem.is-unread .structItem-title a:not(.labelLink):after {
    display: none;
    }

thanks guys!