Linking an external stylesheet to a SharePoint 2013 page

Question

Hi,

I'm not sure how best to word this question, so I apologise if it isn't very clear.

I've recently designed a website using Visual Studio Code. I now need to replicate this website on a SharePoint 2013 site.

I understand that I can upload my stylesheets to the Site Assets library on the SharePoint site and link to them via Content Editor web parts on the Sharepoint site pages. However, I'm not sure how to update the stylesheets to bypass any CSS formatting already built in to the SharePoint pages.

To clarify, the website looks fine when viewed through the Live Server browser on VSC, but when I link to the same code from a SharePoint page it doesn't! Are there any simple changes I can make to the code for it work effectively on SharePoint? Or is it not that simple to replicate a webpage on a SharePoint page?

Thanks

Answer 1

Hi @Matt-9236 ,

To override css we usually use !important after every attribute of css. For example:

.CssClass{  
 color: red !important;  
}  

---

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.

---