Skip to main content

SharePoint Master page Branding



Default master page of an SharePoint 2013 site is seattle.master In order to apply your custom theme to your SharePoint Site you need to either change the css of the default master page(Which is not at all recommended), Or you can download a copy of your SharePoint master page and make changes to it.

You can change the master page tags as well as css using either Visual studio or SharePoint designer as an editor.

Let’s start with getting a local copy of SharePoint Master Page & its theme.
     1.      Open your SharePoint Site. > Go to Site Settings > Master Pages. (This will take you to master page catalog’s library, you can download a copy of master page from there).







 
     2.      Now let’s get the css. Open the below link where you will find the default css of Seattle master    page.

http://Your Site url/_layouts/15/1033/styles/Them able/corev15.css

Get the css classes to your local machine.

    3.      Now we just need to rename the master page and css files.
    4.      Find the <link> tag that embeds corev15.css, copy the entire tag and paste it after the <link> tag    of   corev15.css.
    5.      Now just replace corev15’s path of this tag with the path where your custom css is placed. And also add after=”corec15.css” attribute to this copy.
That’s it now you just need to find different classes & ids that are needed to be overridden in order to change the look of your SharePoint site.

Points to be taken care of:
1.      Never remove any SharePoint default control while you are branding your site. That may lead you to other errors. (Set Display of control to none instead of deleting it).
2.      You can move SharePoint controls but never rename them.
3.      In case if you want to add any control to it see it that they are added in SharePoint’s default tags only.
4.      Always place your <link> and <script> tags after SharePoint default <link> & <script> tags only.
You can implement your Master Page in many ways.
         1.      If you are using designer the your master page will be directly available to your master page catalogs library (only if you have opened SharePoint site in designer and trying to brand from there). You need to publish Master Page as a major Version and change default master page from below link

http://Your site Url/_layouts/15/ChangeSiteMasterPage.aspx

         2.      You can create a module of your Master Page and create a feature containing code to a change the default master page on feature activation.

        3.      You can manually upload files to Master Page catalog. Publish Master Page as a major version.

Open below link and just select your master page from both dropdowns and just click ok. That’s it your SharePoint site is with new theme now.



Thanks & Regards,
Keyur Pandya

Comments

Post a Comment

Popular posts from this blog

Business Data Connectivity

I came to a requirement wherein I was supposed to get data from an 3 rd party portal using API’s and then bring them to SharePoint server. The first approach that I finalized was just to make BDC solution that will get data from 3 rd party portal and will deploy it to SharePoint. How to Create BDC solution in SharePoint? I found below link that is having really great description about hot to create and deploy the BDC solution to SharePoint. http://www.c-sharpcorner.com/uploadfile/hung123/creating-business-data-connectivity-service-using-visual-studio-2010/ After creating an POC I came to know that BDC model cannot be deployed on Multi tenant farm. So what can be done next? After some amount of googling I came to know that we can create BDC solution using WCF services also. So I created a WCF service solution that acted as a wrapper that used to fetch data from the portal. We can them publish that service to IIS or Server and use the servic...
2 comments
Read more

Dataverse Multi Choice Columns in PowerApps

We have been working with PowerApps, PowerApps and Dataverse and now I thought of sharing a few tips to ease your work if you are new to PowerApps + Dataverse as a combination. I will be sharing a few more tips in my upcoming blogs but to get started, Let’s take Multi Choice Columns this time. Unlike SharePoint or any other data source, Dataverse Multi choice columns are different so basically, I cannot go to my PowerApp and directly print selected value in a label. So, this is how you can show multi choice values in label. You need to use concat that allows to concat multiple selection. PowerApps has concat function that takes. Concat function syntax :  Concat (  Table ,  Formula  ) In my case I am trying to render a multi choice column values into a vertical gallery webpart. I have added a label control to a vertical gallery and then added below code.   Concat(ThisItem.ColumnName,Value & "") Hope this helps, Thanks, Keyur
Post a Comment
Read more

SharePoint Migration : This content database has a schema version which is not supported in this farm

Today one of my client was expecting to restore a SharePoint Site Collection from and Database that he already took as a backup.  I followed below steps.           1.        Imported content database to SQL of the farm where the site is to be restored.           2.        Created a web application.           3.        Visited manage content database, set the current database property to offline.           4.        Click on add a new content database.           5.        Set the name of the content database same as the database that is imported to SQL.   SharePoint gave me below error. “ This content database has a schema version which is not supported in this farm." I tried to use powershe...
2 comments
Read more