I want to change the background colour of global navigation drop down, for only one page.

can we use any CSS in script editor to achieve this ! Or change in master page to get change in all the pages ! Using SharePoint 2013 ent.

  • Can you share a screenshot of what you need to change, just to verify – Mohamed Derhalli Dec 29 '16 at 6:17
  • hi Derhalli, there is slight change in question.. and i ll try to provide the ss... – cjs Dec 29 '16 at 6:32

To change the color ONLY for the dropdowns in the navigation, use the below code:

.ms-core-listMenu-horizontalBox ul.dynamic{
   background-color: blue; /* add any color here */

Next reference the css using the below steps:

From site settings, choose Master Page, then click on Alternate CSS URL. Add the link to your CSS file.

Don't modify the master page as it's not recommended by Microsoft to modify master pages, so use the Alternate CSS method instead.

  • not getting your suggest path for Alternative CSS URL !! – cjs Dec 29 '16 at 14:13
  • In your site settings page, when you click on master pages link, there's an option to set alternate css. – Mohamed Derhalli Jan 6 '17 at 9:14

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.