xpecto – Free SharePoint Online Theme

Author: Luis Kerr

Related Links

- Brevis – Premium SharePoint Online Theme
- Avicia – Free SharePoint Online Theme
- Brevis – Premium SharePoint 2013 Theme
- Allegra – Premium SharePoint 2010 Theme
- ShareBoot – Responsive SharePoint 2013 Theme
- ShareBoot – Responsive SharePoint 2010 Theme
- Responsive – Free SharePoint 2010 Theme

Popular SharePoint Books



17 Responses

  1. Sasa says:

    Many thanks for this beautiful and useful theme. I would appreciate if you be so kind to tell me/us how to paste HTML files into web par zones as, if we add Content Editor web part, the frame and title of Content Editor are showing on page/photo? This make a page not useful at all.
    Many thanks for help.

    Reply
    • Luis Kerr says:

      SharePoint 101. Change the Chrome Type to none, so the Title and the Content Editor frame border will not show up. This is another “smart” SharePoint “feature”. Edit Web Part >> Appearance >> Chrome Type = None.

      Reply
  2. Carl says:

    Thanks Luis, looks great. A couple of things:

    1) Where are the other 6 html pages located? Are they page layouts?
    2) Is it normal to be prompted if I want to accept non-secure info every time I open the page? I don’t get that with the OOTB themes.

    Thanks

    Reply
  3. Luis Kerr says:

    Carl,
    1) Check the “html” folder in the package for the 6 html pages.
    2) It is the SSL. Make sure you don’t reference any files outside your SP Online and also, make sure you reference all the links using the root-relative links (/), not http://mysite.com/

    Reply
  4. John says:

    very great work, thank you very much

    Reply
  5. Lisa Lloyd says:

    Great theme. Is it possible to see a demo site? I’m looking to use it for our corporate intranet.

    Reply
  6. Dan says:

    I’m a relative newbie to Sharepoint, so I’m probably missing something. The instructions above seem to push the theme files into the root of the site collection, which is fine, but when I try to apply the theme to a publishing site that is a subsite of the collection, the CSS/JS, etc doesnt load. My guess is it has to do with the relative paths in the .master file, but I am not sure. Should the theme function on subsites, or just the root sites of a collection?

    Reply
  7. John Guilbert says:

    Could not get this to work on SharePoint Online. I created a new Page under “Pages” library called test. Reviewed the page and saw that it looked OK, but the frame of SharePoint Online was around the outside of the page. Not clear what the HTML files are for and where they should go? I guess under “Pages”?????

    Reply
    • Luis Kerr says:

      John, please follow the steps properly. Once the xpecto Page Layout has been selected, fill out the necessary sections with the mock-up content provided in the html folder. So, for the Intro Section use the home-intro.html and for About Section use the home-about.html and so on. Add Content Editor web part for each section so you can Copy&Paste the HTML code provided for each section.

      Also, keep in mind you might waste your time branding a SharePoint Online Public Website. Microsoft dropped the Public Website feature from SharePoint Online as of January 2015. Customers who currently use the SharePoint Online Public Website feature will continue to have access to the feature for a minimum of two years.

      Reply
  8. Tony says:

    Sharepoint Online features must have changed since this article was first published. Under Site Settings, Web Designer Galleries, I see ‘Master pages’, but not ‘and page layouts’. However, Sharepoint does seem to recognize the files as .master and .aspx — I didn’t have to explicitly specify the content type.

    Also, I don’t see “Style Library” (Site Settings >> Site Contents). Should I create the css, images and js folders under the themable folder, too?

    Thanks for the article!

    Reply
    • Tony says:

      My apologies. I started over with a “publishing site” and the instructions match what I see on the screen. Still learning….

      Reply
  9. Hpub says:

    Very helpful. thanks for sharing.
    How do I remove the countdown portion now that the time has passed?
    Thanks

    Reply
  10. Scott says:

    From most everything I have read, the SharePoint community does not recommend adding new or editing Master Pages in SharePoint Online (Office 365). I would like to know if you or your customers have had any issues with using Custom Master Pages in SP Online?

    Reply
  11. Andrew says:

    Im having a little of an issue as the background image headerBG.jpg will not show up once I publish, if I open in edit mode then the page shows the background image. Any ideas as to how to fix this.

    Reply
  12. Manish Jaiswal says:

    Sharepoint Online features must have changed since this article was first published. Under Site Settings, Web Designer Galleries, I see ‘Master pages’, but not ‘and page layouts’. However, Sharepoint does seem to recognize the files as .master and .aspx — I didn’t have to explicitly specify the content type.

    Also, I don’t see “Style Library” (Site Settings >> Site Contents). Should I create the css, images and js folders under the themable folder, too?

    Reply
  13. Shakil Khan says:

    This is a great work and easy to implement template. Thanks for that.
    I wanted to change few things in master page (like showing or hiding top navigation), I published the changed but it is not reflecting at all. Any thing, which I am missing.. Please suggest !

    Reply

Leave a Reply