20-22 Wenlock Road, N1 7GU, London

Re-Styling the SharePoint Search Page

NewSearch

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;"/>
Privacy Preferences
When you visit our website, it may store information through your browser from specific services, usually in form of cookies. Here you can change your privacy preferences. Please note that blocking some types of cookies may impact your experience on our website and the services we offer.