0

I'm managing a newsletter for my department and I'm trying to modify the suitebar color for our SharePoint Online Communications site because the default blue clashes with the theme of the site (red): enter image description here

I don't really have any experience with SharePoint designer or css, so I've been looking for a guide for dummies on how to do this. I've noticed a lot of articles saying to modify the settings in the Microsoft 365 admin center but i understand this will change the theme for the entire organization. I only want to change it for my specific site. It seems like the way to go is to use SharePoint Designer and modify the seattle.master file. I've found a tutorial for how to modify the text but I'm not quite sure how to change the html used in the tutorial to modify the color instead. This is the code he uses in a custom css file to change the text (sorry for the crappy quality):enter image description here

Can someone guide me on how i can either modify this code to change the color instead of the text, if it's as simple as that? Or if not, help me to figure out how to change the color?

Thanks a lot in advance!

  • are you using Sharepoint online and communication site? – Siddharth Vaghasia Jul 16 at 19:16
  • Yes its a Sharepoint Online Communication Site – Vandexel Jul 16 at 19:22
0

Add below style in Master page,

#O365_NavHeader{
    background-color:red !important;
}

.o365sx-button {
    background-color:red !important;
}
.o365sx-waffle {

    background-color:red !important;
}

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.