I'm working on a project in SharePoint 2010. The graphic designer developed styles to the top of the pages of SharePoint, which includes:

  • Ribbon
  • Title and icon
  • Top link navigation

Graphic design includes: - Background image - Position change of title, logo and top link navigation

Important: I want to maintain the functionality of the ribbon

What is the recommended way to change the styles of that section?


1 Answer 1


Please have a look at the three part series on how to customize Top Navigation:

Customizing SharePoint 2010 global navigation with Css and jQuery – Part 1

Here is another great series on how to brand SharePoint 2010:

Brand SharePoint: Global Navigation – The Journey Begins (Part 3)

For the header like title and icon, you can create your own HTML instead using SharePoint's and place them as you like. The ribbon will be intact so you don't touch ribbon control in the Master page. Let me know if you need a sample master page.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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