Here is another post on SharePoint Online: How to Inject Custom CSS in Modern Sites? If you want to inject CSS at the site level, you must create an SPFX application extension.

Please note, This injects CSS or JavaScript into a specified modern page where you add the web part. In my case, I’ve added the CSS to hide the “Site Contents” link in the left navigation.

Now, click on the “Edit Snippet” button and place the CSS code in it.

Mouse over to the area where you would like to add the web part > Click on the title “+” icon and choose “Modern Script Editor web part” from the list of choices.

Browse to your modern SharePoint Online page > Click on “Edit” in the top-right corner.

Step 4: Edit the page, Add a modern script editor web part and place CSS or JavaScript in itĪs a final step, You have to add the modern script editor web part to your SharePoint Online page. This deploys the modern script editor web part to your SharePoint Online site.

Click on “Modern Script Editor Web Part by Puzzlepart”.

Browse to your SharePoint Online site > Click on Setting Gear > Add an App.

More info on How to Deploy an App to App Catalog in SharePoint Online? Step 3: Create an App Instance in the SharePoint Online SiteĪdd an App instance to your SharePoint Online site where you need the modern script editor web part.

Click on “Apps for SharePoint” > Click on “Upload” > Browse and select the “pzl-script-editor.sppkg” file you downloaded > Deploy the package.

Once you have the SPFx package ready, you can deploy it to your app catalog site to make it available on any site of your tenant.

Download React Script Editor Web Part Step 2: Upload and Deploy the.

Openoffice drawing custom fields