1. REGISTRATION REQUIREMENTS:

    Register with your xenforo.com Username then start a conversation at xenforo.com w/Bob and provide the following:
    1. Your XenForo License Validation Token
    2. The Domain Name associated with the License
    NOTE: Your account will be validated once ALL requirements are verified/met. Thank you for your patience.

CSS Problem?

Discussion in 'Stock Trader Support' started by blatchy, Nov 20, 2013.

  1. blatchy

    blatchy Member Sportsbook Pickem Power Rankings Survivor

    [​IMG]

    Is this intentional or is this a css issue when I hover over a company name? If it is css where would I change it?
     
  2. Bob

    Bob Developer Staff Member

    .stHighlight is a custom class just for Stock Trader and controls that color.

    This custom class is in the template: nflj_stocktrader_jquery_ui.css

    HTML:
    /* Misc visuals
    ----------------------------------*/
    .stHighlight {
        color: @primaryMedium;
        font-weight:bold;
    }
    as you can see, it is using the Primary Medium color from the styles Color Pallet (as the @ symbol followed the the style property name pulls the value dynamically).

    simply change which color pallet property to pull from or use a static color (making sure you change this in the correct style)
     
  3. blatchy

    blatchy Member Sportsbook Pickem Power Rankings Survivor

    Now it shows up like this

    [​IMG]

    when I hover over the company name it is still completely invisible.
     
  4. Bob

    Bob Developer Staff Member

    looks like faint yellow to me... why not try a darker color?
     
  5. blatchy

    blatchy Member Sportsbook Pickem Power Rankings Survivor

    Yeah i changed the yellow.. but that is not the part I am refering to. The company does not highlight likes yours when I mouse over

    Yours

    [​IMG]
     
  6. Bob

    Bob Developer Staff Member

    Since it appears that your style radically changed your color pallet, you will need to probably tweak most of the UI CSS, since it is based on the Color shading of the Core XenForo Pallet.. ie, when using a MEDIUM property, a MEDIUM color is expected. If you changed the @primaryMedium from a medium blue (core XF) to WHITE, that is not expected behavior.

    Right above the misc visuals, you will see Interaction States..

    HTML:
    /* Interaction states
    ----------------------------------*/
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 1px solid @primaryLighterStill;
        background: @primaryLightest;
        font-weight: normal;
        color: @primaryMedium;
    }
    .ui-state-hover a, .ui-state-hover a:hover {
        color: @primaryMedium;
        text-decoration: none;
    }
    As you can see, it also uses the @PrimaryMedium color from the Color Pallet. It is intended to be a Medium Color which is supposed to be darker than the @primaryLighterStill and @primaryLightest that are also used in the hover intereaction.

    You will need to go through the entire nflj_stocktrader_jquery_ui.css template and replace any @properties that are specific to COLOR (I think there are only a couple more that you might want to tweak).
     
  7. blatchy

    blatchy Member Sportsbook Pickem Power Rankings Survivor

    Ok.. thank you
     
  8. Bob

    Bob Developer Staff Member

    Let me know when you get it sorted as I don't want to leave you hanging!
     
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.