Help finding settings of Toplinks

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • gatewaycobraclub
    Member
    • Dec 2015
    • 30
    • 4.2.5

    Help finding settings of Toplinks

    I am having issues trying to find the color variables of the dropdown notification box in the toplink area. Using Chrome or FireFox, I can see the color variable and edit it, but I can't find either a variable or a css setting to change the color of the font.

    The changes I've enabled control the toplinks area but have no affect on the dropdown notifications area.



    This snip was of the dropdown box - the "NO NEW MESSAGES" is displaying in white or light gray and fading into the background.

    This is the css for that particular item
    .toplinks ul.isuser li {
    display:inline;
    position: relative;
    color: #aaa;
    float: right;
    clear: left;
    padding-right: 10px;
    background:;
    }

    Any ideas on how I can find that coding to change the color? I know there's a setting somewhere but I sure can't find it. The coding is coming from the generated css of the page and I can't trace the source.

    Thanks

    Paul
  • Trevor Hannant
    vBulletin Support
    • Aug 2002
    • 24325
    • 5.7.X

    #2
    If you do a template search for 'toplinks ul.isuser li', it should pull back the appropriate css template (i.e. vbulletin-chrome.css and vbulletin-chrome-ie.css).

    Using the 'find' button when viewing the template shows the CSS code to be:

    Code:
    .toplinks ul.isuser li {
        display:inline;
        position: relative;
        color: {vb:stylevar header_color};
        float: {vb:stylevar right};
        clear: {vb:stylevar left};
        padding-{vb:stylevar right}: 10px;
        background:{vb:stylevar toplinks_background.backgroundColor};
    }
    So the 'header_color' StyleVar is the variable being used to set the font colour there. You can either change the StyleVar (which will change all used for it) or add the following to the additional.css template to override it:

    Code:
    .toplinks ul.isuser li {
        color: #YOUR_HEX_VALUE_HERE;
    }
    Vote for:

    - Admin Settable Paid Subscription Reminder Timeframe (vB6)
    - Add Admin ability to auto-subscribe users to specific channel(s) (vB6)

    Comment

    • gatewaycobraclub
      Member
      • Dec 2015
      • 30
      • 4.2.5

      #3
      Thanks, Trevor, that did it. I was only looking at the 'red' templates, believing it to be one of the modified pages, not thinking the stock, default pages would be the source. Gold Star for the front of your refrigerator ;-)

      Comment

      • Trevor Hannant
        vBulletin Support
        • Aug 2002
        • 24325
        • 5.7.X

        #4
        Thanks

        For anyone else looking to find out how to find what StyleVar controls a specific element, here's a video I put together some time back on how to do the above:

        https://www.vbulletin.com/forum/entr...(video-version)
        Vote for:

        - Admin Settable Paid Subscription Reminder Timeframe (vB6)
        - Add Admin ability to auto-subscribe users to specific channel(s) (vB6)

        Comment

        Related Topics

        Collapse

        Working...