Sharepoint Online (Office 365) - Where can I find master page code/Javascript/CSS

0
votes

Hi I am new with SharePoint (working with Office 365 SharePoint online). I see many articles explaining make changes in master page, javascript or css if we need any sort of customization, like change heading color, hide some header etc...

But I am unable to find any sort of code in SharePoint Online (Office 365). How can I achieve such task if I want to hide header or change the font and color for site page title.

Can anybody suggest me the right path I can find the code to change, or is there any limitation for SharePoint online that it will not allow access to such things ?

2
office365sharepoint-online

2 Answers

0
votes

To find the HTML code of the pages, we can use IE or Chrome F12 developer tools. enter image description here

By default, SharePoint use the master page seattle.master, if you want to hide header and change color of pages title, you can add the following style into tag in this master page using SharePoint designer 2013.

<style type="text/css">
#O365_NavHeader,#suiteBarDelta{
    display:none;
}
#pageTitle,#pageTitle a{
    color:green !important;
}
</style>

enter image description here

If you use SharePoint Online modern site, we can create a custom theme. The article below for your reference.

Branding SharePoint Modern Sites

1
votes

What is the development model you are using?SharePoint Framework? SharePoint Hosted Add-ins? Or Provider Hosted Add-ins?There are some suggestions:
If you use the SharePoint Hosted Add-ins,open the folder in the path: 'Your solution path/your project name/Pages/Default.aspx',and you can find the code like this:

<%@ Page Inherits="Microsoft.SharePoint.WebPartPages.WebPartPage, Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" MasterPageFile="~masterurl/default.master" Language="C#" %>

The code('MasterPageFile="~masterurl/default.master"') show that the master page on '~masterurl/defaule.master.
so,you can change do this by sharepoint designer, change the default.master page. You can view the Master Page from http://Sharepoint_Site_Name/_layouts/15/DesignMasterPages.aspx