Customize search result page

Support
#1

Hi,

I’d like to customize my search result page.

  1. I’d like the page to be Black - No container | Header, Footer (just like rest of my pages).
  2. the featured images should be smaller (https://www.hondeigen.nl/?s=bench).
  3. the featured images should be next to eachother so you’ll see more search results in one glance.
  4. if you enter a search query without any results the header and footer template changes. This should’t be the case. See https://www.hondeigen.nl/?s=dasfas for example.
  5. I’d like to customize the search result page without any results (see (4)) so it doesn’t only says: “Nothing to Show Right Now”

Thanks

#2

Hey there,

1 - Please add this code in your Custom CSS

.x-main {
    width: 100%;
}
.x-sidebar {
    display: none;
}

4 - I’ve set a header globally in my test site and it works in the search page as well as no results page. Please set your header as global.

2,3 and 5. This would require custom development which is outside the scope of our support. We do have an in-house custom development team that offer paid services, who may be able to assist. They can be contacted at [email protected] if this is of interest to you.

Thanks.

#3
  1. this is only for desktop. On my mobile i still see the sidebars.

3/4/5 - ok thanks for letting me know. What’s the hourly rate?

  1. this helps. Thanks.
#4

Hi there,

1. Please check the current CSS codes in the customizer and make sure that there is no CSS syntax error such a incorrect pairing of {} in a CSS block as this would cause the CSS not to work as expected.

3/4/5 Please contact [email protected] directly for the rates.

Thank you.

#5

May I have the CSS code for Blank, no container, no header, footer?

#6

Hi there,

Where do you wish to apply that styling? If it’s for search page, then please add this CSS

.search-result .x-main, .search-result .x-site > .x-container, .search-result .site > .x-container {
    width: 100%;
   max-width: 100%;
}
.search-result .x-sidebar, .search-result .masthead, .search-result .x-masthead, .search-result .x-colophon, {
    display: none;
}

Thanks!

#8

Hello @philippe,

Your post has been withdrawn. If you have any questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Best Regards.

1 Like