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

Different styles in 1. menu level

Discussion in 'Styling and Customization Questions' started by HenrikHansen, Jul 27, 2012.

  1. HenrikHansen

    HenrikHansen Well-Known Member

    How can I style the links in 1. level different, so that forum, home, help etc. has normal style,
    and username, inbox, alerts and logout have another font size and color?

    I want to make them visually differently as the first are for content and the second is user tools,
    so I think it is more userfriendly if I visually can show this. Thanks for any help.
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Basically you can take these CSS selectors, add .visitorTabs, and specify any attributes you want:


    For example:

    Admin CP -> Appearance -> Templates -> EXTRA.css

    Add this:

    .navTabs .visitorTabs
    	font-size: 16px;
    .navTabs .visitorTabs .navTab.PopupClosed .navLink
    	color: red;
    .navTabs .visitorTabs .navTab.PopupClosed .navLink:hover
    	color: green;
    HenrikHansen and Shelley like this.
  3. HenrikHansen

    HenrikHansen Well-Known Member

    Excellent, thank you.

Share This Page