June 23, 2024

SamTech 365

PowerPlatform, Power Apps, Power Automate, PVA, SharePoint, C#, .Net, SQL, Azure News, Tips ….etc

Re-Styling the SharePoint Search Page

[vc_row][vc_column][/vc_column][/vc_row][vc_row parallax=”content-moving” parallax_image=”99103″ css_animation=”fadeIn” css=”.vc_custom_1563115556985{margin-top: 0px !important;padding-top: 50px !important;padding-bottom: 50px !important;}”][vc_column width=”1/2″][vc_column_text css_animation=”fadeIn”]


Holchem Laboratories

[/vc_column_text][vc_column_text css_animation=”fadeIn”]


1 Day

[/vc_column_text][vc_column_text css_animation=”fadeIn”]

Used technologies

SharePoint, BootStrap, Html5, Css3.

[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_single_image image=”47518″ img_size=”full” alignment=”center” style=”vc_box_shadow” onclick=”link_image” css_animation=”fadeInUp” css=”.vc_custom_1563149594477{margin-top: 50px !important;}”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]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.



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