how to edit SharePoint online modern page using custom css code

Question

i tried to edited page style just like color change the font and things like that
i need all site affected by the change so the script editor not enough

need to edit some thing like saidnav and search bar

Answer 1

Hi @Mohammad Omar Alqatawna, As the script editor web part is not supported in modern SharePoint, We have SPFx based react script editor web part to add custom CSS or JavaScript to modern SharePoint Online pages.

https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-script-editor If you want to deploy the solution, you could refer to the following document https://learn.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part

---If the answer is helpful, please click "Accept 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.