XF 1.4 CSS Help

[Brent W]

I am looking for help with styling parts of a notification on https://www.aspiescentral.com/

Notice in the notification that pops up, the Facebook, Twitter and Google login buttons. The list has a disc next to each of them which I want to remove (but keep the list disc for the previous list) and the Twitter button has an underline on the button that I want to remove.

So far I have been unable to fix either with what I have tried.

 

[Chris D]

You currently have:

 #eAuthUnit
{
    list-style: none !important;
}

Change it to:

.gritter-item ul#eAuthUnit li
{
    list-style: none;
}

That works, and you won't need !important either.

 

[Brent W]

You currently have:

 #eAuthUnit
{
    list-style: none !important;
}

Change it to:

.gritter-item ul#eAuthUnit li
{
    list-style: none;
}

That works, and you won't need !important either.

Thanks.

Would this media query be correct as well, to hide for less than 700px?

@media (max-width: 700px) {
    #gritter-item-1 {
        display: none !important;
    }
}

 

[Chris D]

That would hide a specific notification.

If you want to hide all notifications change

#gritter-item-1 to .GritterContainer

 

[Brent W]

That would hide a specific notification.

If you want to hide all notifications change

#gritter-item-1 to .GritterContainer

I was looking at hiding just that one. Thanks.