CSS to change SharePoint top left branding

The Problem

OOTB sites have 'SharePoint' in the top left. This replaces it when used on a given site's custom css.

The Approach

Create or edit a file to use as the site css (in Site Assets or Scripts or something). Add the following and change the term. Save. Copy the document path.

Edit the site master settings to use the css file. 

View.

The Code

.ms-core-brandingText:after{
  content:"Baer's Shared Points";
}
.ms-core-brandingText{
  margin-left: -96px;
}

The Result

Going Forward

Maybe use javascript to automatically pull the site title into the text. Possibly replace the contents with traditional hyperlinked breadcrumbing.