0

I have a requirement to change the layout of the SharePoint search page to match the look and feel. I tried adding the CSS file, but that didnt help.

I figured I would have to change the masterpage to get the exact look and feel. The site consists of boostrap and other stuff, I am having a hard time figuring out how to go ahead with it

  1. should I put everything(the HTML, CSS and bootstrap file) into a wsp solution and upload it and try to apply it.

  2. Should I just upload the master page as the wsp solution?

  3. Is there any other way in which I can go about and do this.

1

Its an Enterprise Search Center instead of a Basic Search Center then you should be able to change the master page to a custom master page in Site Settings. The Enterprise Search Center uses publishing which surfaces a link to change the site and system master page. The Basic Search Center doesn't use publishing so to change the master page there you would need to either build a feature, use SharePoint Designer or use PowerShell.

Here's how to change the master page in a publishing site:

Creating customized search results in SharePoint 2013

Customizing Search in SharePoint 2013 using Display Templates

Basic Search Center – SharePoint 2013 and Office 365

UPDATED

You need to copy the original master page & start applying CSS on it. It would be really easy to get the desired output with that copied master page.

| improve this answer | |
  • Have you tried above solution? Is it working for you? – Hardik Jul 5 '16 at 10:13
  • Ive got a new issue now. The umbraco desigfn is an MVC3 razor design, so it doesnt have a master file, it just has a template HTML file and JS and CSS with it. I'm having a hard time figuring out how to get the search site to look exactly like the template. @Hardik – CodeAbaddon Jul 5 '16 at 13:17
  • I do not know anything about umbraco design. So I think its hard for me to help you but as you required the change the layout of the SharePoint search page. I gave you the above solution. Thanks.:) – Hardik Jul 5 '16 at 13:20
  • I appreciate your help @Hardik , but the above solutions are kind of modifying the search result layout, i wanted to do the branding for the page. – CodeAbaddon Jul 5 '16 at 13:22
  • Added one more link in my answer. Please check it. Hope it helps you. – Hardik Jul 5 '16 at 13:27

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.