locked
how to change font color in the master page (topbar) RRS feed

  • Question

  • Hi

    Can anybody tell me where the css file for the master page top bar is placed.

    ect. to make font color change

    Monday, March 3, 2014 1:05 PM

Answers

  • You can modify this in your master page by adding custom .css file, this will be available if publishing feature is enabled.

    for reference to master page branding: http://4sysops.com/archives/branding-your-sharepoint-2013-site-by-using-design-manager/


    Adnan Amin MCT, SharePoint Architect | If you find this post useful kindly please mark it as an answer :)

    • Marked as answer by jylland2 Tuesday, March 4, 2014 10:05 AM
    Monday, March 3, 2014 3:17 PM
  • Hi,

    According to your post, my understanding is that you want to change the font color of the navigation bar in the master page.

    We can do as follows:
    1. Open current site using SharePoint Designer 2013.
    2. Go to Master Pages->oslo.master, and open it.
    3. Add the style code below into the <head/> tag  in the master page.

    <style type="text/css">
      #DeltaHorizontalQuickLaunch ul li .static span{
         color:#0000FF;
    }
    </style>

    Result:
     
    Thanks,
    Dennis Guo
    TechNet Community Support
    Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com.


    Dennis Guo
    TechNet Community Support

    • Marked as answer by jylland2 Tuesday, March 4, 2014 10:05 AM
    Tuesday, March 4, 2014 2:14 AM

All replies

  • This can be easily done using css, You need to play with .ms-core-listMenu-item css tag. Below is an example.

    .ms-core-navigation .ms-core-listMenu-horizontalBox li.static >  .ms-core-listMenu-item{
    margin-right:1px
    }
    .ms-core-navigation .ms-core-listMenu-horizontalBox ul.static > li.selected > a > span > span{
    color:#CFE1F1
    }

    You can also check below links for references.

    http://chrisstahl.wordpress.com/2014/01/31/customizing-sharepoint-2013-global-navigation-with-css-and-jquery-part-3/

    http://msdn.microsoft.com/en-us/library/office/dn205275(v=office.15).aspx


    Adnan Amin MCT, SharePoint Architect | If you find this post useful kindly please mark it as an answer :)

    • Proposed as answer by petarian Monday, March 3, 2014 5:25 PM
    Monday, March 3, 2014 1:28 PM
  • thanks but where in the sharepoint designer 2013 did I find this file ?
    Monday, March 3, 2014 3:01 PM
  • You can modify this in your master page by adding custom .css file, this will be available if publishing feature is enabled.

    for reference to master page branding: http://4sysops.com/archives/branding-your-sharepoint-2013-site-by-using-design-manager/


    Adnan Amin MCT, SharePoint Architect | If you find this post useful kindly please mark it as an answer :)

    • Marked as answer by jylland2 Tuesday, March 4, 2014 10:05 AM
    Monday, March 3, 2014 3:17 PM
  • Hi,

    According to your post, my understanding is that you want to change the font color of the navigation bar in the master page.

    We can do as follows:
    1. Open current site using SharePoint Designer 2013.
    2. Go to Master Pages->oslo.master, and open it.
    3. Add the style code below into the <head/> tag  in the master page.

    <style type="text/css">
      #DeltaHorizontalQuickLaunch ul li .static span{
         color:#0000FF;
    }
    </style>

    Result:
     
    Thanks,
    Dennis Guo
    TechNet Community Support
    Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com.


    Dennis Guo
    TechNet Community Support

    • Marked as answer by jylland2 Tuesday, March 4, 2014 10:05 AM
    Tuesday, March 4, 2014 2:14 AM