Forum Discussion

john john's avatar
john john
Iron Contributor
Aug 10, 2020

Is there a way to change the modern page's title's font color

I created a new modern page, and i am trying to change the font color for the page title is this possible? if this is not possible , then can i hide the page title completely and instead of this to add a text web page which acts as the title and control its color?

12 Replies

  • Derek_Doe's avatar
    Derek_Doe
    Copper Contributor
    Hi, you can use a application customizer with a mutation observer to change it.
    • RobElliott's avatar
      RobElliott
      Silver Contributor

      Derek_Doe I have to say that I didn't understand a word of your answer. What is an application customiser? What is a mutation observe? If these are features within SharePoint Online I've never heard of them. I bet others haven't either so a more complete explanation would be very welcome.

       

      Rob
      Los Gallardos
      Microsoft Power Automate Community Super User

      • Derek_Doe's avatar
        Derek_Doe
        Copper Contributor

        RobElliott , you need to create a application customizer in react.js with SPFX , coding and after create a package to  deploy in app catalog for after add it in your site collection. 

         

        https://www.c-sharpcorner.com/article/sharepoint-framework-extensions-application-customizer-overview/

         

        https://www.youtube.com/watch?v=gp056PEZoRQ

  • john john 

     

    Hi, you can upload custom themes to SharePoint Online with the theme generator tool which you can find here - https://developer.microsoft.com/en-us/fluentui#/styles/themegenerator?fabricVer=5

     

    Admittedly, I've never tried changing the font colour of the page title by using this, but one of the options in the tool is to change the background text, so it may be possible this way.  

     

    I've blogged about this on Practical 365 if you need some guidance on how to use the tool in order to see if this works for you. 

     

    https://practical365.com/sharepoint-online/how-to-create-a-sharepoint-online-intranet-part-two/

     

Resources