Inserting CSS code to customize GUI of Sharepoint 365

mountaineer2007 0 Reputation points
2024-10-17T02:50:55.8833333+00:00

Hi everyone,

We start using Sharepoint 365 (online). We used to work with Sharepoint Server 2019 (on-premise) version.

Using classic interface, we tried to customize navigation of Sharepoint with CSS code but could not find Script Editor webpart in menu. Using custom script options were already enabled in Sharepoint Admin Center. We don't plan to use modern interface for now.

Does anyone know how to fix that issue or another method to do?

Thanks in advanced.

Microsoft Office Online Server
Microsoft Office Online Server
Microsoft on-premises server product that runs Office Online. Previously known as Office Web Apps Server.
654 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.
3,067 questions
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. Yanli Jiang - MSFT 27,241 Reputation points Microsoft Vendor
    2024-10-17T07:07:27.12+00:00

    Hi @mountaineer2007 ,

    Welcome to Q&A forum!

    In addition to allowing Custom Script at the tenant level, you also need to allow it at the site level.

    Tenant level:User's image

    Site level:

    User's image

    The result:

    User's image

    Please note:

    By default, any changes to custom script settings for a specific site only last for a maximum of 24 hours. After that time, the setting will reset to its original value for that specific site.

    This may cause some trouble for you.

    For more information, please refer to:

    https://learn.microsoft.com/en-us/sharepoint/allow-or-prevent-custom-script#allow-or-prevent-custom-script

    For a better user experience, you can try to explore creating custom solutions using SharePoint Framework, which is designed for modern experience. Although it is different from your usage preferences, it is a good choice.

    Good day!


    If the answer is helpful, please click "Accept as Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

    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.


Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.