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

XF 1.2 Account Details - Selected Dropdowns

Discussion in 'Styling and Customization Questions' started by Amaury, Feb 2, 2014.

  1. Amaury

    Amaury Well-Known Member

    This is not an issue when the text color of my headers and body are the same, but it is when they're different. In this style's case, the text color of my headers is white while the text color of my body is gray.

    How can I change the text color only when [Username] or Inbox are selected? I know what controls the area and I have custom CSS for that, but that would affect everything unselected (Home, Forums, Members, etc.), which I obviously don't want. When something like Forums is selected, that's not a problem because it has its own styling in the style properties. It's only when your username or Inbox are selected.

    For reference, this is what I have in EXTRA.css for the entire navigation area:
    Code:
    /* Navigation */
    
    .navTabs .navTab.PopupClosed .navLink {
      color: @secondaryDarker !important;
    }
    
    .navTabs .navTab.PopupClosed:hover {
      background-color: @inlineMod !important;
    }
    
    .navTabs .navTab.PopupClosed .navLink:hover {
      color: @contentText !important;
    }
    
    .navPopup .PopupItemLinkActive:hover {
      background-color: @inlineMod !important;
    }
    
    .navPopup .listItemText .muted {
      font-size: 100% !important;
    }
    
    /* Navigation */
    The first one takes care of what I mentioned above.

    Edit: I forgot a screenshot:
    Selected.png
     
  2. Amaury

    Amaury Well-Known Member

    So it looks like the text color in the Popup Control (closed, hover) style property takes care of that, but the first code I have in the above code is overwriting it:

    Code:
    .navTabs .navTab.PopupClosed .navLink {
      color: @secondaryDarker !important;
    }
    Hm.
     
  3. Amaury

    Amaury Well-Known Member

    I've tried getting more specific with this to no avail:
    Code:
    .navTab account Popup PopupControl selected PopupContainerControl PopupOpen {
        color: @contentText !important;
    }
    The only thing I can think of on styles where the header and body colors are different is to make the sub-navigation bar the same color as the navigation bar, just a bit darker.
     

Share This Page