Style SharePoint Breadcrumbs

Until I realized that the breadcrumbs control is always styled by a class called ms-titlearea I was not able to do any styling that worked. So override this style by placing it in an attached stylesheet or inline in the page. Here is the required styles and how I styled them the last time.

<style type="text/css">

.ms-titlearea a {




.ms.titlearea a:hover {




<td style="vertical-align:top;width:35%" class="ms-titlearea">

<div class="BreadcrumbText">

<p style="margin-top:6px;">

<asp:SiteMapPath SiteMapProvider="SPContentMapProvider" id="ContentMap" SkipLinkText="" runat="server"/>





Popular posts from this blog

SharePoint Designer 2013 Approval Workflow with Comments

Change SharePoint server hostname and Web Application Names

SharePoint Search - Content Processing Pipeline Failed to Process the Item