how to edit my search result to show a grid format

  • dwthon

    (@dwthon)


    9 years ago

    I am currently using the thematic parent theme with Gallery as child theme. I am trying to get the search results to show as a gird format with Thumbnails as the rest of the pages and index do. however it is listing them vertically in 1 row like this: https://www.theteewarehouse.com/?s=teepublic&searchsubmit=Search

    how do i resolve this so the results layout like the main index page?

Viewing 4 replies - 1 through 4 (of 4 total)
  • neotechnomad

    (@neotechnomad)

    Try this…

    Use a Custom CSS plugin for any changes, as when the main theme updates, all the changes you may have made to the main theme will be lost.

    After installing the plugin, paste this code in it: 

    body.search-results .content .post {
	display: inline;
}
    Thread Starter dwthon

    (@dwthon)

    Neotechnomad

    thank you for the advice but it did not work. i implemented the code but the search results do not layout in grid format.

    neotechnomad

    (@neotechnomad)

    Hmmm… try it this way…

    body.search-results .content .post {
	display: inline-block;
	vertical-align: top;
}

    …if it still is not lining up, add “float: left;“.

    Thread Starter dwthon

    (@dwthon)

    NeoTechnomad, sorry my reply took so long. the second attempt at your code in your latest reply did not work either. result still show as one vertical line.

    https://www.theteewarehouse.com/?s=movies&searchsubmit=Search

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘how to edit my search result to show a grid format’ is closed to new replies.