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

How to change text color of a selected Tab

Discussion in 'XenForo Questions and Support' started by bogus, Dec 20, 2010.

  1. bogus

    bogus Guest

    Hi. I cant find the settings in the Properties where i can change the Color of a Tab (Popup)
    I would like to change the Blue of the selected Help Text Color
    Unbenannt.jpg
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    This is the CSS for the tab hover in navigation.css:
    Code:
    .navTabs .navTab.PopupClosed:hover
    And for when it is open in xenforo_popup.css:
    Code:
    .Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen
    Edit: Just realised you want the text colour. That's the standard link css:
    Code:
    a:link, a:visited
     
    Digital Doctor likes this.
  3. Brogan

    Brogan XenForo Moderator Staff Member

    Actually, scratch that.
    I just noticed in navigation.css that there is no styling associated with that element.

    Look for this:
    Code:
        .navTabs .navTab.PopupOpen .navLink
        {
        }
    Then you can add a color as follows:
    Code:
        .navTabs .navTab.PopupOpen .navLink
        {
        color: #FF6600;
        }
     
    Trombones13 likes this.
  4. bogus

    bogus Guest

    Thanks
    There are also missing the checkboxes to revert the Settings in most of the "PageNav, Link Groups and Tabs" Settings

    btw is it color or colour? Google says doenst matter ;)
     
  5. ijeffers

    ijeffers Active Member

    There's a Style Property that lets you set it too, will pick it up as soon as I can get my copy to reinstall without a 500 Server Error :(
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

    The checkboxes only appear once you have made changes to that particular section.
     
  7. ijeffers

    ijeffers Active Member

    Style Properties -> Header and Navigation -> Navigation Tab and alter the font colour there.
     
  8. bogus

    bogus Guest

    ijeffers: sry but as Brogan wrote. There is no setting to this class....
     
  9. Brogan

    Brogan XenForo Moderator Staff Member

    It will still work as ijeffers posted though.

    You can change it in Style Properties or the css templates directly.
    Either approach will work.
     
  10. ijeffers

    ijeffers Active Member

    It does work though as I've used that style property to set it. :)

    It inherits it from

    .navTabs .navLink,
    .navTabs .SplitCtrl
    {

    which is controlled by that styleproperty window.

    Edit: Changed it to red just to highlight it :)

    navtab styling1.png

    navtab styling.png
     
  11. bogus

    bogus Guest

    Hmm. Strange. am i blind ;)?

    Thanks i will take a look again

    Oh man, i am sorry. I am blind ;) I just lokked into the wrong settings..
     
  12. ijeffers

    ijeffers Active Member

    I found it by accident, I ended up just going down the style properties changing to red, refreshing, reseting and repeating until I got the one I wanted ;)
     
  13. bogus

    bogus Guest

    I have one more questions.
    I changed the BG Color of the Pulldown Tab in a darker blue but the "Search the Forum" Pulldown has now the same Style Settings.
    Is there a way to separate them? That just the Navigation Pulldown Tab is shown in the darker blue and the "Search the Forum" keeps the lighter color?

    Unbenannt.jpg
     
  14. Brogan

    Brogan XenForo Moderator Staff Member

    If you do what I suggested by editing the template, it will only change the colour of the menu tab.
     
  15. bogus

    bogus Guest

    But that is not the bg color... or am i wrong?
     
  16. Brogan

    Brogan XenForo Moderator Staff Member

    You can set a background colour using, for example, background-color: #FCFCFC;
     
  17. bogus

    bogus Guest

    Yes. sry. I need a bit more training ;)

    Hmm. Ive tried it but if i change the color of the popup Tab in the Navbar the other is changed too
     
  18. ijeffers

    ijeffers Active Member

    Mine is how you want it so there must be a style property but I haven't a clue how I've got it that way this time. :/
     
  19. bogus

    bogus Guest

    Hehe good u got it but bad that u dont know anymore how ;)
     
  20. ijeffers

    ijeffers Active Member

    Got it!

    that one's controlled by:

    Style Properties -> Popup Menus -> Popup Control and it's the background colour. :)
     

Share This Page