0

I have modified my pagetitle tag style colour to be white inside my seatle.master page, using the following CSS :-

<h1 id="pageTitle" class="ms-core-pageTitle" style="color:white;float:left;text-align:left;direction:rtl">
  <SharePoint:AjaxDelta id="DeltaPlaceHolderPageTitleInTitleArea" runat="server">
    <asp:ContentPlaceHolder id="PlaceHolderPageTitleInTitleArea" runat="server">
        <SharePoint:SPTitleBreadcrumb
              runat="server"
              RenderCurrentNodeAsLink="true"
                  SiteMapProvider="SPContentMapProvider"
              CentralAdminSiteMapProvider="SPXmlAdminContentMapProvider">
        <PATHSEPARATORTEMPLATE>
          <SharePoint:ClusteredDirectionalSeparatorArrow runat="server" />
        </PATHSEPARATORTEMPLATE>
      </SharePoint:SPTitleBreadcrumb>
    </asp:ContentPlaceHolder>
  </SharePoint:AjaxDelta>
  <SharePoint:AjaxDelta BlockElement="true" id="DeltaPlaceHolderPageDescription" CssClass="ms-displayInlineBlock ms-normalWrap" runat="server">
    <a href="javascript:;" id="ms-pageDescriptionDiv" style="display:none;">
      <span id="ms-pageDescriptionImage">&#160;</span>
    </a>
    <span class="ms-accessible" id="ms-pageDescription">
      <asp:ContentPlaceHolder id="PlaceHolderPageDescription" runat="server" />
    </span>
    <SharePoint:ScriptBlock runat="server">
      _spBodyOnLoadFunctionNames.push("setupPageDescriptionCallout");
    </SharePoint:ScriptBlock>
  </SharePoint:AjaxDelta>
</h1>

This will change the title colour for the home page only , but if i add a library or if I have other pages , then their titles which is rendered as links will stay black.while the home page title is rendered as text. As shown below:-

enter image description here

So my question is how I can force the link text colour which is rendered for the pages title to be white.

3
  • You'll have to incluce some CSS which will override the CSS styling for A tags in h1.PageTitle.
    – user2536
    Sep 4, 2013 at 11:41
  • Or using !important on the color: attribute Sep 4, 2013 at 11:51
  • i added the following directly to my master page <h1 id="pageTitle" class="ms-core-pageTitle" style="color:white !important;float:left;text-align:left">. but it did not work.
    – John John
    Sep 4, 2013 at 13:22

1 Answer 1

0

I ran into the same problem and found the solution in another stack post

It works if we add the span a extension to the css class

.ms-core-pageTitle span a
{
 background-color:grey!important;
 color:white!important;
}

Your Answer

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

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