Issue while creating custom master page in shaerpoint online

sns 9,226 Reputation points
2021-09-11T05:07:55.067+00:00

I am following below article to create a custom master page, but got stuck.

I have saved html and css file from github as per the below link, however after saving as .css and .html, and importing in desinger respective master page is not showing and which lead to no option found when I go to desinger manager to publish custom master page. Please help where I was doing wrong? Thank you.
https://www.c-sharpcorner.com/article/create-a-custom-master-page-in-html-for-Sharepoint-online/
131261-capture.png

SharePoint
SharePoint
A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.
9,607 questions
SharePoint Development
SharePoint Development
SharePoint: A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.Development: The process of researching, productizing, and refining new or existing technologies.
2,664 questions
0 comments

4 answers

Sort by: Most helpful
Most helpful Newest Oldest
  1. CaseyYang-MSFT 10,321 Reputation points
    2021-09-13T02:47:53.673+00:00

    Hi @sns ,

    Per my test, after importing the .html file will not show in SharePoint Designer. But you could find this file in the bottom of Design Manager.

    1.Download files in GitHub.

    131437-1.png

    2.Import .html file in SharePoint Designer.
    Master Pages > Import Files > Add file... > select the .html file > ok

    131423-2.png

    3.Convert the HTML page to Master Page using Design Manager.
    Settings > Site information > View all site settings > Look and Feel > Design Manager > Edit Master Pages > Convert an HTML file to a SharePoint master page > scroll down the new .html file is in the bottom

    My test result:

    131340-3.png

    If an Answer is helpful, please click "Accept Answer" and upvote it.

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

    0 comments
  2. sns 9,226 Reputation points
    2021-09-13T06:10:12.927+00:00

    Hi,

    I see options as below not as zip.download.
    131475-capture.png

  3. sns 9,226 Reputation points
    2021-09-13T12:38:32.24+00:00

    Hi CaseyYang,

    Thank you for the continues support.

    I am still not seeing in the list, Please help me where it is wrong. I am following steps as instructed.
    131557-capture.png

  4. sns 9,226 Reputation points
    2021-09-18T10:58:45.36+00:00

    Hi CaseyYang,

    Thank you for your continuous support.

    I can see now in the "edit master pages" area, however what is the next step? how can I make use of it?
    133237-nowshowing.png133216-paage.png

    When I click on that page it is showing as as per the screenshot "paage"