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

2 issues

Discussion in 'Styling and Customization Questions' started by gmaister22, Apr 17, 2013.

  1. gmaister22

    gmaister22 Active Member

    Hello guys,

    i was wondering how i can change the hovering color of the .navTabs
    [​IMG]

    also, how i can change the editor to a darker color
    [​IMG]
     
  2. Tracy Perry

    Tracy Perry Well-Known Member

    Try
    Code:
    .navTabs .navTab.PopupClosed:hover    {
                color: #F9CD2C !important;
    }
    for the nav tabs.

    For the buttons (to work on matching your color selected
    Code:
    /* Change text editor button colours */
     
    .xenForoSkin .mceButton {
    border-color: @primaryLightest !important;
    }
     
    .xenForoSkin .mceSplitButton a.mceAction {
    border-color: @primaryLightest !important;
    }
     
    .xenForoSkin .mceSplitButton a.mceOpen {
    border-color: @primaryLightest !important;
    }
     
    .xenForoSkin a.mceButtonEnabled:hover {
    background-color: @primaryLighter !important;
    border-color: @primaryLight !important;
    }
     
    .xenForoSkin a.mceButtonActive, .xenForoSkin a.mceButtonSelected {
    background-color: @primaryLighter !important;
    border-color: @primaryLight !important;
    }
     
    .xenForoSkin table.mceSplitButtonEnabled:hover a.mceOpen, .xenForoSkin .mceSplitButtonHover a.mceOpen, .xenForoSkin .mceSplitButtonSelected a.mceOpen {
    background-color: @primaryLighter !important;
    border-color: @primaryLight !important;
    }
     
    .xenForoSkin table.mceSplitButtonEnabled:hover a.mceAction, .xenForoSkin .mceSplitButtonHover a.mceAction, .xenForoSkin .mceSplitButtonSelected a.mceAction {
    background-color: @primaryLighter !important;
    border-color: @primaryLight !important;
    }
     
    .xenForoSkin .mceColorSplitMenu a.mceMoreColors {
    border-color: @primaryLightest !important;
    }
     
    .xenForoSkin .mceColorSplitMenu a.mceMoreColors:hover {
    background-color: @primaryLighter !important;
    border-color: @primaryLight !important;
    }
     
    .xenForoSkin a.mceMoreColors:hover {
    background-color: @primaryLighter !important;
    border-color: @primaryLight !important;
    }
     
    .xenForoSkin .mceMenu .mceMenuItemEnabled a:hover, .xenForoSkin .mceMenu .mceMenuItemActive {
    background-color: @primaryLighter !important;
    }
    
     
  3. denisx04

    denisx04 Active Member

    Code:
    .xenForoSkin table, .xenForoSkin tbody{
        background: none repeat scroll 0 0 #2a3033 !important; }
    For the darker editor color ( code by Shelley )
     

Share This Page