Axsel New member Jun 22, 2014 #1 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; }
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; }
Chris D XenForo developer Staff member Jun 22, 2014 #2 Code: .navTabs .navTab.wiki { display: none; } Should be all that's needed. Upvote 0 Downvote
Axsel New member Jun 22, 2014 #3 Chris D said: Code: .navTabs .navTab.wiki { display: none; } Should be all that's needed. Click to expand... Thanks, but that code doesn't work. Upvote 0 Downvote
Chris D said: Code: .navTabs .navTab.wiki { display: none; } Should be all that's needed. Click to expand... Thanks, but that code doesn't work.
Chris D XenForo developer Staff member Jun 22, 2014 #4 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; } Upvote 0 Downvote
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; }
Axsel New member Jun 22, 2014 #5 Chris D said: 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; } Click to expand... That works! Thank you much. Upvote 0 Downvote
Chris D said: 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; } Click to expand... That works! Thank you much.