FIX Page breadcrumbs are basically the title, use an h1

css/layout.css

@@ -522,23 +522,21 @@ form .message.error {
     .warningBoxBottom ul { margin: 0 0 0 40px; }
     .warningBoxBottom li { background: none; margin-bottom: 0; }
 
-.doc-breadcrumbs {}
+.doc-breadcrumbs h1 {
+    margin: 0 0 5px 0;
+    color: #999;
+    font-size: 38px;
+    font-weight: 200;
+}
 
-    .doc-breadcrumbs p {
-        margin: 0 0 5px 0;
-        color: #999;
-        font-size: 38px;
-    }
+.doc-breadcrumbs h1 a {
+    color: rgb(3, 91, 136);
+    text-decoration: none;
+}
 
-        .doc-breadcrumbs p a {
-            color: rgb(3, 91, 136);
-            text-decoration:none;
-            font-weight:200;
-        }
-
-        .doc-breadcrumbs p a.current {
-            color:#696868;
-        }
+.doc-breadcrumbs h1 a.current {
+    color:#696868;
+}
 
 .menu-open {
     display:none;
@@ -730,7 +728,7 @@ form .message.error {
         padding:20px 0;
     }
 
-    .doc-breadcrumbs p {
+    .doc-breadcrumbs h1 {
         font-size:18px;
     }
 

templates/Includes/DocumentationBreadcrumbs.ss

@@ -1,10 +1,9 @@
 <div class="doc-breadcrumbs">
-	<p>
-		<% loop Breadcrumbs %>	
+	<h1 class="page__title">
+		<% loop Breadcrumbs %>
 			<% if not First %>
 				<a class="breadcrumb <% if Last %>current<% end_if %>" href="$Link">$Title</a> <% if Last %><% else %><span>/</span><% end_if %>
 			<% end_if %>
 		<% end_loop %>
-
-	</p>
+	</h1>
 </div>