I’m trying to set up some wiki’s on our sub site. I want to tweak the styles that are displaying. (Just change Header 3 and Header 4) I have done some customizing on the site using the Color Tool and created several new composed looks. The site uses the Seattle layout. (As does the parent site.) I have copied the corev15.css and applied my css changes to the copy. In SharePoint Designer I went to the subsite and copied the seattle.master and then edited the cssRegistration line pointing it to the new css file created from corev15.css. I tried going to Change the Look though and it does not list the new master page I created from the copy of seattle.master. I also tried editing seattle.master itself, but it really doesn’t like that and corrupts my site and I have to restore from version history to get the site working again.
I’m currently running SharePoint 2016 but we will be going to SharePoint online in the near future.
I also tried following the steps in this guide: https://knowledge.zomers.eu/SharePoint/Pages/How-to-add-custom-styles-to-the-ribbon-in-SharePoint-2013.aspx but I have no idea what page layout the wiki page is using. I found another reference that told me to view the source and look for the “SiteTemplateId” which is ‘STS#0’. I believe indicates it is based upon the team site layout but what page is that in Page Layouts?
I don’t think what I’m trying to do should be that difficult. Can someone point me to some accurate documentation on how to do this?
Did you enable publishing? What you would do, is enable Site Collection Publishing and this will allow your ROOT site masterpage to be used on the subsites. You shouldn’t be moving your masterpage from the root site down to your site collections.
Also, you shouldn’t be modifying your masterpage to add the new CSS references. You should be using an “Alternate CSS” file which can be specific when in the browser when you are specifying which Masterpage to use.
- Go to Site Settings > Look and Feel > Design Manager > publish and apply design > Assign Masterpage
- at alternate CSS > Add a reference to your CSS file.