Office 365 Public Website favicon

Posted on

I had a little fun sorting this out but here are the basic steps I took to get it working. This is using the upgraded version of Office 365 using SharePoint 2013.

  • Create favicon.ico in GIMP
  • Download ​SharePoint 2013 Designer and run
  • Navigate to Site Assets
    • Import favicon.ico
  • Navigate to Master Pages
    • I ended up editing both the .html and .master pages of the pages I am using.
      • oslo.html
      • oslo.master
      • oslo-mobile.master
      • seattle.master
      • seattle.master
    • Checked each file out
    • Found the current favicon path and changed it to /siteassets/favicon.ico
    • Check the files in
  • The favicon now showed when logged into the website but not for guest anonymous access. The trick was.
  • Log in to Office 365 public website
  • Click on the settings cog and select Site settings
  • Under Look and Feel select design manager
  • Select 3. Edit Master Pages
  • My pages were in Draft Approval Status
  • Click the three dots for the page
  • Click the three dots on the pop up for the page
  • Select to Publish the master version of the page.
  • Log out and you should have your favicon working…I did.

Good luck