Docs

[pixelboss1]

Greetings from Pixel Boss! We are a stock photography website using X-Theme and WooCommerce.

We are having an issue with the search feature on our site. Currently, when a user enters a keyword into he search field, the resulting images appear in a single column, with each photo taking up the full width of the page.

We would like the search results to appear as thumbnails. Our clients are impatient, and they need a quicker, more efficient way to search through our images. I have attached a screen shot to help illustrate what we are looking for.

Many thanks!

[pixelboss1]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! That’s the usual layout of search result page. If you want to change the layout, you can add this under Custom > CSS in the Customizer.

@media only screen and (min-width: 980px) {
.search-results .x-main > article {
  float: left;
  margin-bottom: 20px;
  margin-right: 2%;
  width: 31.33%;
}

.search-results .x-main > article .entry-title {
  font-size: 24px;
}

.search-results .x-main > article .entry-wrap {
  padding: 20px;
}

.search-results .x-main > article .entry-featured {
  max-height: 150px;
}
.search-results .x-main > article .entry-featured .entry-thumb img {
  max-height: 150px;
  min-width: auto;
}
}

Hope this helps.

[Author]

Posts