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

Navi Style Questions

Discussion in 'Styling and Customization Questions' started by Gabby, May 26, 2012.

  1. Gabby

    Gabby Well-Known Member

    Having a heck of a time getting to the correct style area to make the below changes.

    Remove blue hover or make white
    Make downward arrow to show all the time not just on hover.

    Need done asap.

    Thanks a million,

    Gabby navi.png
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

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

    Add this code:

    /* remove background color change on tab hover */
    .navTabs .navTab.PopupClosed:hover
    	background-color: transparent !important;
    /* show popup menu arrows always, not just on tab hover */
    .navTabs .navTab.PopupClosed .SplitCtrl
    	background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -128px {xen:calc '(@headerTabHeight - 17) / 2 + 1'}px;
    Stimo and Gabby like this.
  3. Gabby

    Gabby Well-Known Member


    Thank so much Jake!

    Now I have this showing after adding the code.

    How do I get rid of the line?
    How do I show the arrow?
    How can I change color of link from light blue to grey as I cannot find a place to change it in style property or have tried every property in nav section but still blue
    How can I change color of link when hovered. Cannot find that in style property either and have tried everything else. it is now hovering white on white background which obviuosly doesn't work.

    Basically I"m going for a minimilistic look now.
  4. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

  5. Gabby

    Gabby Well-Known Member

    Yes thank you so much. :)

Share This Page