Title: AJAX results CSS
Last modified: August 22, 2016

---

# AJAX results CSS

 *  [Slider996](https://wordpress.org/support/users/slider996/)
 * (@slider996)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/ajax-results-css/)
 * Hi,
    Everything works except for the CSS on the AJAX results page. The image 
   of the resulting products are huge (full resolution). How do I refer the theme
   CSS to the AJAX results? A detailed response is greatly appreciated since I am
   not a coder.
 * [https://wordpress.org/plugins/ultimate-wp-query-search-filter/](https://wordpress.org/plugins/ultimate-wp-query-search-filter/)

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Plugin Author [TC.K](https://wordpress.org/support/users/wp_dummy/)
 * (@wp_dummy)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/ajax-results-css/#post-5635791)
 * I don’t know if you have customized the ajax result or not. The plugin is showing
   the post thumbnail.
    You might want to got settings->media to set the thumbnail
   size. If this is not working, you can use css to change the thumbnail size. If
   you don’t where what to change in the css, please leave your site link here so
   that I can take a look.
 *  Thread Starter [Slider996](https://wordpress.org/support/users/slider996/)
 * (@slider996)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/ajax-results-css/#post-5635804)
 * I don’t think I have customized the ajax. The image is coming out much bigger
   than the thumbnail size. The same thing happened with just woocommerce so I had
   to use some custom CSS for woocommerce to display product images correctly on
   the shop page. I can try the same custom CSS but I just need to know where to
   put it. Thanks for the help!
 *  Thread Starter [Slider996](https://wordpress.org/support/users/slider996/)
 * (@slider996)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/ajax-results-css/#post-5635807)
 * This is the CSS I added in my theme to fix the image sizes in woocommerce. Maybe
   I could just add something to it to adjust the images in the ajax call?
 * /*—— Image Adjustments ——*/
    /* Set image sizes to fixed height and width */ /*
   shop base page */ ‘.woocommerce ul.products li.product a img, .woocommerce-page
   ul.products li.product a img {width: auto !important; height: auto !important;
   max-height: 175px !important; margin-left: auto !important; margin-right: auto!
   important; }’
 * /* Single product page */
    ‘.woocommerce div.product div.images img, .woocommerce#
   content div.product div.images img, .woocommerce-page div.product div.images 
   img, .woocommerce-page #content div.product div.images img {width: auto !important;
   height: auto !important; max-height: 350px !important; }’
 *  Thread Starter [Slider996](https://wordpress.org/support/users/slider996/)
 * (@slider996)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/ajax-results-css/#post-5635966)
 * Also, how do you find the correct Div id/class of where you want the ajax result
   to display? That could be my problem too…
 *  Plugin Author [TC.K](https://wordpress.org/support/users/wp_dummy/)
 * (@wp_dummy)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/ajax-results-css/#post-5636001)
 * No, the plugin generate the result different from woocommerce, thus you can’t
   use woocommerce class for the customization.
    To find the div id/class, actually
   you can use the browser (firefox or chrome or opera) Inspect Element features.
   If you didn’t change anything on the ajax result, then you can try use this css
   to customize the thumbnail. `.entry-heade img`
 *  Thread Starter [Slider996](https://wordpress.org/support/users/slider996/)
 * (@slider996)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/ajax-results-css/#post-5636006)
 * I tried it in my theme CSS but it didn’t work. This is what I wrote:
 * ‘.entry-heade img {width: auto !important; height: auto !important; max-height:
   175px !important; margin-left: auto !important; margin-right: auto !important;’
   }
 * When you say “If you didn’t change anything on the ajax result” what are you 
   referring to? Something in the plugin settings?
 *  Plugin Author [TC.K](https://wordpress.org/support/users/wp_dummy/)
 * (@wp_dummy)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/ajax-results-css/#post-5636024)
 * Nope, not at the plugin setting. The plugin have the ability to customize via
   provided filters. Users can use these filter to customize the plugin to fit their
   need. One of the most used filter is the ajax result filter `uwpqsf_result_tempt`(
   you can see example [here](http://9-sec.com/2014/01/ultimate-wp-query-search-filter/)).
 * And it is `.entry-header`, I missed the `r`.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘AJAX results CSS’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/ultimate-wp-query-search-filter_fcfcfc.
   svg)
 * [Ultimate WP Query Search Filter](https://wordpress.org/plugins/ultimate-wp-query-search-filter/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ultimate-wp-query-search-filter/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ultimate-wp-query-search-filter/)
 * [Active Topics](https://wordpress.org/support/plugin/ultimate-wp-query-search-filter/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ultimate-wp-query-search-filter/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ultimate-wp-query-search-filter/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 7 replies
 * 2 participants
 * Last reply from: [TC.K](https://wordpress.org/support/users/wp_dummy/)
 * Last activity: [11 years, 4 months ago](https://wordpress.org/support/topic/ajax-results-css/#post-5636024)
 * Status: not resolved