On the last sprint of the SharePoint Intranet Branding, I noticed that the search page was a bit ‘fade’. The out of the box Search Centre Page is quite empty, a big blank page, which I thought it would benefit from some styling.

I also wanted to keep it quite simple, so adding some styles without heavily cusomizing the page. I switched the page to the edit mode, Added a Content Editor Web Part, in which I added my CSS styles and texts.

    <style>
    #s4-workspace
    {
        background-image: url('LinkToYourImage/bkg2.jpg');
        background-size: cover;
    }
        #contentBox
        {
            margin: 0px;
        }
        #sideNavBox
        {
            display: none;
        }
        #contentRow
        {
            position: absolute;
            bottom: 100px;
            left:0px;
            right: 0px;
        }
    </style>
    <img src="LogoLink/logo.svg" style="width:100px; padding-top: 20px; display:block; margin: 0 auto;"/>

Commentaires