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

XF 1.3 Hide A Tab Using CSS

Discussion in 'Styling and Customization Questions' started by Axsel, Jun 22, 2014.

  1. Axsel

    Axsel New Member

    Hi, I need to hide a main navigation tab using CSS.

    I've tried the following in Extra.css, but none work.
    Code:
    li.navTab.wiki.PopupControl.PopupClosed.PopupContainerControl
    {
        display: none;
    }
    and

    Code:
    .navTabs .navTab.wiki.PopupClosed
    {
    display: none;
    }
     
  2. Chris D

    Chris D XenForo Developer Staff Member

    Code:
    .navTabs .navTab.wiki
    {
        display: none;
    }
    Should be all that's needed.
     
  3. Axsel

    Axsel New Member

    Thanks, but that code doesn't work.
     
  4. Chris D

    Chris D XenForo Developer Staff Member

    Interesting. Inline styling is used to set display: list-item; on some tabs. You will need to override that like this:

    Code:
    .navTabs .navTab.wiki
    {
        display: none!important;
    }
     
  5. Axsel

    Axsel New Member

    That works!

    Thank you much.
     

Share This Page