Updating Paths to Image Locations

Updating Paths to Image Locations for Sites created under .../sites/ or .../teams/ in the URL

    If you imported the 005 MT Design Package into any site created under sites/ or teams/ in the URL (e.g. https://tenant.sharepoint.com/sites/TeamSite), after changing the look you will notice missing background images within the applied 005 MT theme.

    To fix the problem you need to edit *.preview files (005_MT-Master.preview, 005-Footer.preview, etc.) and CSS (005_MT-CSS.CSS, and 005_Bootstrap.CSS) using SharePoint Designer for each site located under sites/ or teams/ (if you prefer, you may use other editor).

    The procedure above is not required in the event that the 005 MT Design Package is imported into SharePoint Online tenant's root site (e.g. https://tenant.sharepoint.com) in addition to any site created under sites/ or teams/ in the URL.

    Previews
  1. Open the *.preview file in SharePoint Designer (005_MT-Master.preview, 005_MT-Mysite.preview, or mysite15.preview) -> Perform a Find and Replace operation (Ctrl+F) -> Click Replace All button -> Save the file (Ctrl+S):
  2. Enter following:

    for Find what:
    src="/Style%20Library/
    for Replace with: src="/sites/YourSite/Style%20Library/ - OR - src="/sites/YourSite/Subsite/Style%20Library/
    Find and Replace
  3. In SharePoint Designer click All Files (left pane) -> click Styles Library (right pane) -> Themable folder -> Check Out, and open 005_MT-CSS.CSS.
  4. Perform a Find and Replace operation (Ctrl+F) -> click Replace All button -> Save the file (Ctrl+S):
  5. Enter following:

    for Find what:
    url("/Style%20Library/
    for Replace with: url("/sites/YourSite/Style%20Library/ - OR - url("/sites/YourSite/Subsite/Style%20Library/

    Find and Replace

  6. Check in the 005_MT-CSS.CSS -> Publish a major version -> Click Ok.
  7. Repeat steps 2 - 4 for 005_MT-Bootstrap.CSS.
  8. Reapply the 005 MT look (change the look). You may need to clear your browser's cache before you see the changes.