Forum Discussion

Anne Dijkstra's avatar
Anne Dijkstra
Copper Contributor
Jun 21, 2018

Remove white banner

Hi everyone,

 

I'm working now on a new intranet site on SharePoint with the new communcation site option. I'm satisfied with this option but I would like to remove (or make smaller) the big white banner (in the red square). Is it possible to do this? (: 

 

2 Replies

  • As previously mentioned, you could a SPFx Application Customizer to inject css into the page. But, before doing so, what is the ROI for this? I understand it may take up more space than you'd like in your environment, but injecting css to modify code (html) that you don't have control over, adds a layer of technical debt that should likely be avoided. I would question whether it's worth adding this debt, just to remove a few pixels in height on the page. :)

  • Anonymous's avatar
    Anonymous

    You can try the CSS Injection to reduce the whitespace. Please take a look at URL below. You can change css element 

    .ms-compositeHeader 

     

    https://github.com/SharePoint/sp-dev-fx-extensions/blob/master/samples/react-application-injectcss/README.md

     

Resources