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 {
color:#3966bf;
text-decoration:none;
}
.ms.titlearea a:hover {
color:#FFF;
text-decoration:underline;
}
<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"/>
</p>
</div>
</td>
Comments
Post a Comment