Other Instructions

Changing the Width of Layouts

OPTIONAL

    The templates enclosed in YourPackage.zip are set to 85% liquid width layout. Liquid layouts are based on percentages of the current browser window's size.

    They flex with the size of the window, even if the current viewer changes their browser size as they're viewing the site. You may change the width of our layouts to fit your needs. The image below demonstrates how our 85% liquid layout works (the 12.5% margins disappear below 1152 pixels in width):

    Find and Replace

    To change the width you need to edit the CSS file 005_MT-CSS.CSS. You may change the width to 95%, 100%, fixed width, etc.

  1. Open the 005_MT-CSS.CSS file in SharePoint Designer -> Check out the file if needed, and simply search for width:85%.
  2. Perform a Find and Replace operation (Ctrl+F).
  3. Enter following:

    for Find what:
    width:85%
    for Replace with: width:95%
    Find and Replace
  4. Click Replace All button -> Save the file (Ctrl+S).
  5. In order to see changes, the 005_MT-CSS.CSS needs to be updated (overwritten) in following locations:

    A - If the 005_MT-CSS.CSS is stored on your server (16 Hive):
    • 16 Hive - 1033/STYLES/Themable folder.
      1. Navigate to 16 Hive - 1033/STYLES/Themable folder.
      2. Overwrite the 005_MT-CSS.CSS.

    B - If the 005_MT-CSS.CSS is stored in virtual location(s) of your site(s):
    • Site/Style Library/Themable folder.
      1. Open your site http://YourSharePointSite in SharePoint Designer, click All Files (left pane), and expand Style Library -> Themable folder (right pane).
      2. Open the 005_MT-CSS.CSS (check out if needed) -> Overwrite the file.
      3. Check in (if needed) -> Publish a major version -> Click Ok.
  6. Open your site http://YourSharePointSite in your browser, Click Change the look (on the Settings menu, or on the Site Setting page under Look and Feel) -> Reapply the 005 MT look.