4

Changing this falls outside of the realm of supported. Anything in the suite nav you should not touch with either CSS or JS overrides.


2

You can use CSS transition with delay. The following articles for your reference. Make CSS hover state remain after unhovering Make CSS Hover state remain after "unhovering"


1

Go to SharePoint Admin Center, and make sure "Custom Script" setting is enabled. If not, enable it. After change, it might take up to 24 hours to take effect. Try to re-add the these disabled references using SharePoint Designer 2013. If this issue still exists, you may need to contact Office 365 support to check if some backend changes/updates caused this ...


1

You can't do that. It doesn't work that way. If everyone could do that, they would do it.


1

In SharePoint Online, For Modern experience, you can use SharePoint Framework (SPFx) for customization. Using SPFx you can create: Web-parts. Extensions (You can use Application customizer to add header and footer on page). Also, you can create Modern site pages and select different layouts according to your requirements. References: Customizing the "...


1

This is how it works in Modern UI. No more master pages or ASPX-pages that can me modified with SharePoint Designer. In Modern UI, you have much less options to customize pages - you can add header, footer and distribute web parts inside the content area.


1

I am afraid, top suite bar cannot be controlled from master page. It is being rendered directly from content database. If you want to hide settings gear icon for non- SharePoint admins users you have to do it via custom javascript code. You need to add javascript code on document.ready What we would do is use default page context info attribute ...


1

You'd need to create copy of the seattle.master and modify and use that as master page. SharePoint doesn't allow modifying the seattle.master as it generates it from the seattle.html.


1

Try adding the same CSS to anchor tag within heading with title #pageTitle. Try using: #pageTitle, #pageTitle a { color:white; text-decoration:none; font-weight:bold; } Or #pageTitle { color:white; text-decoration:none; font-weight:bold; } #pageTitle a { color:white; text-decoration:none; font-weight:bold; } Or .ms-...


1

As per my comments, you can find out more information about what is happening by: Opening the Emulation tab in the developer console to determine the version of IE Opening the DOM Explorer tab and using the "a:" button to simulate the hover effect and pinpoint potentially overwritten or invalid styles Additionally, and according to Can I use, Internet ...


1

This is called FOUC (Flash of Unstyled Content), and it occurs because when you reference an external style sheet like: <link rel="stylesheet" type="text/css" href="mystyles.css"> the styles are loaded asynchronously, meaning that the browser continues parsing the DOM and displaying content to the user, and at some point your CSS comes back and your ...


1

Although I agree with Trevor that it is not supported, 'Classic' Sites will eventually be unsupported. But this is not the end of the world. With SPFx, Microsoft is either attempting to turn SP Admins into Devs or make SP Devs into Admins, its unclear as of now. Notwithstanding the foregoing, your solution is plain vanilla javascript: if you place this ...


1

You can replace the SharePoint text and URL with the following JavaScript. The SP.SOD.executeOrDelayUntilScriptLoaded ensures that your changes occur after all SharePoint scripts are loaded. SP.SOD.executeOrDelayUntilScriptLoaded(brandingChanges, 'SP.js'); function brandingChanges(){ var myName = 'New Name'; // <-- Replace 'New Name' with the new ...


Only top voted, non community-wiki answers of a minimum length are eligible