1. 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

Discussion in 'Styling and Customization Questions' started by BamaStangGuy, Oct 9, 2014.

  1. BamaStangGuy

    BamaStangGuy Well-Known Member

    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.
     
  2. Chris D

    Chris D XenForo Developer Staff Member

    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.
     
    BamaStangGuy likes this.
  3. BamaStangGuy

    BamaStangGuy Well-Known Member

    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;
        }
    }
     
  4. Chris D

    Chris D XenForo Developer Staff Member

    That would hide a specific notification.

    If you want to hide all notifications change

    #gritter-item-1 to .GritterContainer
     
  5. BamaStangGuy

    BamaStangGuy Well-Known Member

    I was looking at hiding just that one. Thanks.
     

Share This Page