Installation of 002 MT Custom Look for My Site Host on SharePoint 2013 / Office 365

It is highly recommended to store core theme files (CSS and images) directly on your SharePoint server (15 Hive). This installation method will save you a great amount of time. If you do so, you will not be required to add theme files (CSS and images) to newly created sites in the event that you are not going to use (import) the design package.

Also:

If your core theme files (CSS and images) are stored in virtual location(s) of your site(s), and not in 15 Hive (which is a global location for CSS and Images), in order to apply a custom look to your sites, or subsites that are located under sites/ (e.g. http://YourSharepoint:RootSite/sites/TeamSite, http://YourSharepoint:RootSite/sites/TeamSite/Blog, etc.), you will be required to edit a CSS style sheet and preview files for those sites, or subsites. You will need to update paths to image locations. This procedure is not required for your sites or subsites that are located under http://YourSharepoint:RootSite/, or if you store core theme files (CSS and images) directly on your SharePoint server (15 Hive).

    This document applies to the following site types:

    My Site Host

    Installation Order

  1. Installation of Core Theme files (CSS and images)
  2. Importing the Design Package for My Site Host
  3. Changing the Look for My Site Host

    A. Installation of Core Theme files (CSS and images)

Skip STEP A. in this document if you already stored Core Theme files (CSS and images) on your server (15 Hive), or if you do not have an access the server (15 Hive).

To install Core Theme files (CSS and images):
  1. Extract YourPackage.zip file.
  2. Expand the Core_CSS_Files\GLOBAL folder and copy the 002_MT-CSS.CSS style sheet to your clipboard.
  3. On your server, navigate to Your SharePoint Local Disc:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\15\TEMPLATE\LAYOUTS\1033\STYLES\Themable directory.
  4. Paste the 002_MT-CSS.CSS style sheet into ...1033\STYLES\Themable directory.
  5. Go back to the extracted YourPackage.zip folder, navigate to the Theme Core_CSS_Files\GLOBAL folder and copy the entire 002_MT-Images folder to your clipboard.
  6. Navigate to Your SharePoint Local Disc:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\15\TEMPLATE\IMAGES directory.
  7. Paste the entire 002_MT-Images folder into ...TEMPLATE\IMAGES directory.

    B. Importing the Design Package for My Site Host

To import the design package for My Site Host, you need to open the Import Design Package page in your browser:
  1. In your browser's address bar delete everything after .../_layouts/15/, next type DesignPackageInstall.aspx after .../_layouts/15/, and press Enter.

    URL samples:
    http://YourSharePointSite/my/_layouts/15/DesignPackageInstall.aspx
    http://YourSharePointSite/my/personal/UserName/_layouts/15/DesignPackageInstall.aspx
    http://YourSharePointSite/sites/MySite/_layouts/15/DesignPackageInstall.aspx

    This will open Import Design Package page:

    2. Import Design Package
  2. If you have an access to 15 Hive:
    Click Browse -> Navigate to the extracted YourPackage.zip file -> Design_Packages\GLOBAL folder -> Select the 002_MT-My-Site-Host_Global_PLT.wsp file -> Click Open -> Click Import.

    If you do not have an access to 15 Hive:
    Click Browse -> Navigate to the extracted YourPackage.zip file -> Design_Packages\VIRTUAL folder -> Select the 002_MT-My-Site-Host_Virtual_PLT.wsp file -> Click Open -> Click Import.

    For Office 365:
    Click Browse -> Navigate to the extracted YourPackage.zip file -> Design_Packages\OFFICE-365 folder -> Select the 002_MT-My-Site-Host_Office365_PLT.wsp file -> Click Open -> Click Import.
    3. Import Design Package
  3. After a few moments, the message Import of package "Your_Design_Package.wsp" succeeded should appear below the Import button.
  4. Navigate to Site Settings -> Solutions (under Web Design Galleries) -> Deactivate the Your_Design_Package.wsp solution (it is not needed anymore; you may activate the solution later, if needed).
    5. Deactivate Solution

    C. Changing the Look for My Site Host

To change the look for My Site Host:
  1. Click Site Settings -> then, in your browser's address bar delete everything after .../_layouts/15/, and type DesignGallery.aspx after .../_layouts/15/ -> press Enter.

    URL samples:
    http://YourSharePointSite/ my/_layouts/15/DesignGallery.aspx
    http://YourSharePointSite/my/personal/UserName/_layouts/15/DesignGallery.aspx
    http://YourSharePointSite/sites/MySite/_layouts/15/DesignGallery.aspx

    This will open Change the Look page:
    Change the Look
  2. Click the thumbnail 002 MT.
  3. From the Colors list, select one from the top 7 color palettes (listed as first 7 from the top).
    4. *IMPORTANT:

    Only the top 7 color palettes from the list are designed for the 002 MT look (multiple color palettes are enclosed in the Platinum Package only). Out-of-the-box color palettes may not work properly with the 002 MT look.

    Preview for My Site Host
  4. Site layout (Master Page) - leave unchanged (002_MT-Mysite.master should be selected).
  5. Fonts - leave unchanged.
  6. Click Try it Out -> Click Yes, keep it.

    (*If some icons did not change color, reapply the 002 MT look.)

    Icons

To go back to the original out-of-the-box look, apply the Default look (simply go back to the Change the Look page -> http://......./_layouts/15/DesignGallery.aspx). If your icon images did not change the color back to default, reapply the Default look.

Copyright © 2013 MasterThemes, Inc. All rights reserved.