Forum Discussion
How to edit Sharepoint website code?
Our organization uses office 365. I created a Intranet site through Sharepoint and want to make some changes, but need to do it in the HTML code. When I inspect the code, I can see where the line is I need to edit, but cannot figure out how to save changes made to the code. Please help
Deleted take a look at https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/site-theming/sharepoint-site-theming-overview and https://docs.microsoft.com/en-us/sharepoint/dev/solution-guidance/portal-overview and https://docs.microsoft.com/en-us/sharepoint/dev/solution-guidance/portal-branding and https://sharepointlookbook.azurewebsites.net/
Deleted
I ambit confusion about your question. If you want to change your SharePoint site by using HTML code, then you can use SharePoint designer to do it. Or if it is a small changes in the page, then you can also use SharePoint script Editor Webpart or Content Editor Webpart.
Rajkiran_Swain Look at the attachment. I want the part I colored in red to look like the part in yellow and the part below the part in red. I want that background to be visible all the way down the page. This means it needs to be transparent.
Deleted
It seems like you need to modify your master page gallery.
Rajkiran_Swain Look at the attachment. I want the part I colored in red to look like the part in yellow and the part below the part in red. I want that background to be visible all the way down the page. This means it needs to be transparent.
Deleted
I´m not a 100% sure I understand your requirement, but here some stuff you might find useful:
- If you are using the modern experience, take a look at SharePoint Framework Extensions. PnP provides a lot of samples here: https://github.com/SharePoint/sp-dev-fx-extensions
- If you´re using a classic site, there is a possibility to inject scripts on a page using Script Editor Web Part or better, Custom Actions.
All techniques mentioned require a fair amount of coding experience and it all depends on what changes you need to do.
Regards,
Maggan
Maggan Wåhlin Thanks! Can I edit it via the console using F12? If I make the change needed there, I see it in real time, but I can't figure out where to save the changes. Also, I am not sure where the sharepoint site saves by default. Could you help me with that? The only way I see to access it, is via a web browser, I don't see where I can even access the code and make changes and then insert the new code.
Deleted
It is possible to make changes to the SharePoint GUI through SPFx Extensions or SharePoint Themes, as I described earlier. You cannot save changes from the developer tool bar, that is only for testing during development.
Maggan Wåhlin Thanks! I just need to change one part and that is to make the entire home page background transparent. We have an Office 365 subscription, so sharepoint is the version that is online. I can't seem to figure out how to export the site to visual studio or just edit the code on the web browser. I hit F12 and can find the code and even change it, but cannot seem to get it to save.
Deleted It´s not possible to export a SharePoint site to VS, and you cannot save changes for the developer tool (F12). Design changes (colors, fonts) can be made using themes. A theme can be easily applied through PowerShell. However, I´m not sure you can make the background transparent though.
