Sun. Sep 22nd, 2019

Samir Daoudi's Technical Blog

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

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

Show Buttons
Hide Buttons
%d bloggers like this: