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

Changing the color of pop-up menu background hover

Discussion in 'Troubleshooting and Problems' started by TylerK10, Oct 9, 2010.

  1. TylerK10

    TylerK10 Member

    How would I go about changing to color of the light blue behind the current visitors link? Can't seem to find it anywhere.
    Screen shot 2010-10-09 at 12.18.07 PM.png

    Edit: Can this be moved to general support and questions please? Sorry.
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Look for this in the CSS:

    .blockLinksList a:hover, .blockLinksList a:focus, .blockLinksList label:hover, .blockLinksList label:focus

    The background collor here is #D7EDFC
    Although from your screenshot the colour is showing as #DCEEFB
  3. TylerK10

    TylerK10 Member

    Sorry, under which section would I find that? I'm looking in the popup menu properties.
  4. Brogan

    Brogan XenForo Moderator Staff Member

    It's in the main xenforo.css file.

    This is the line you want to change: background-color: @primaryLighterStill;
    Substitute @primaryLighterStill for the colour you want, e.g. #FFFFFF

    Perspektif, Jake Bunce and TylerK10 like this.
  5. TylerK10

    TylerK10 Member

    Thanks! Haven't even noticed that section of the ACP yet. Only got to start playing with it last night for the first time.
  6. Brogan

    Brogan XenForo Moderator Staff Member

    You can actually change the colours very easily using the Style Properties -> Color Palette.
    Every element that uses @primaryLighterStill colour though will use the new colour.

    You should only edit the CSS if you want to change the colour of a specific element without affecting the rest.
    Nick likes this.

Share This Page