September 28, 2022

Samir Daoudi's Technical Blog

SharePoint, Office 365, C#, .Net, SQL Server News, Tips, Ebooks, Events, Webinars ….etc

Re-Styling the SharePoint Search Page

Client

Holchem Laboratories

Duration

1 Day

Used technologies

SharePoint, BootStrap, Html5, Css3.

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;"/>

Leave a comment

You may have missed

Show Buttons
Hide Buttons

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

%d bloggers like this: