• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.4 CSS Help

Brent W

Well-known member
#1
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

XenForo developer
Staff member
#2
You currently have:
Code:
 #eAuthUnit
{
    list-style: none !important;
}
Change it to:
Code:
.gritter-item ul#eAuthUnit li
{
    list-style: none;
}
That works, and you won't need !important either.
 

Brent W

Well-known member
#3
You currently have:
Code:
 #eAuthUnit
{
    list-style: none !important;
}
Change it to:
Code:
.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?

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

Chris D

XenForo developer
Staff member
#4
That would hide a specific notification.

If you want to hide all notifications change

#gritter-item-1 to .GritterContainer