Title: Question on resultbox customization
Last modified: March 27, 2024

---

# Question on resultbox customization

 *  [holdusback](https://wordpress.org/support/users/holdusback/)
 * (@holdusback)
 * [2 years, 1 month ago](https://wordpress.org/support/topic/question-on-searchbox-customization/)
 * Hello there,
   Im using this plugin since 5 years now and I really like it!There
   are two questions that I sadly never found answer and didn’t had the proper time
   to find so I ask here. Both question are on the result box that appear under 
   the searchbar.– All my image logo are always cropped. I tried tweaking some option
   in the option page but never find one that resolve this.– Is there a way to put
   an hover styling on the selection if the cursor is on one of the elements of 
   the resultbox ? Or can I apply some CSS ?Thanks you !
    -  This topic was modified 2 years, 1 month ago by [holdusback](https://wordpress.org/support/users/holdusback/).

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

 *  Plugin Author [wpdreams](https://wordpress.org/support/users/wpdreams/)
 * (@wpdreams)
 * [2 years, 1 month ago](https://wordpress.org/support/topic/question-on-searchbox-customization/#post-17544800)
 * Hi,
 * Thank you for your kind words!
    - Try changing this option for the image crop: [https://i.imgur.com/LnQ1awu.png](https://i.imgur.com/LnQ1awu.png)
      
      This way the image is going to be contained instead of covered.
    - Definitely doable, but only via custom CSS. Do you have any specific styling
      you want to apply, I might be able to suggest.
 * All the best,
   Ernest
 *  Thread Starter [holdusback](https://wordpress.org/support/users/holdusback/)
 * (@holdusback)
 * [2 years, 1 month ago](https://wordpress.org/support/topic/question-on-searchbox-customization/#post-17561760)
 * Hey there,
 * Thanks for the answer, and sorry for the late reply.
   Sadly that option was already
   checked like this for the logo… still have result like this (those are example):
 * [https://imgur.com/a/6VqGTGO](https://imgur.com/a/6VqGTGO)
   For the second one,
   the CSS styling, I just want the most regular hover styling. Strange that it’s
   not done by default ? I just want a grey hover when cursor is on a box from the
   search result. Its a small adjustment but can helping fo the user experience 
   I assume.Thanks you !
 *  Plugin Author [wpdreams](https://wordpress.org/support/users/wpdreams/)
 * (@wpdreams)
 * [2 years, 1 month ago](https://wordpress.org/support/topic/question-on-searchbox-customization/#post-17562044)
 * Okays!
 * For the images, can you please try this custom CSS:
 *     ```wp-block-code
       img.asl_image {
           width: autom !important;
       }
       ```
   
 * If has no effect yet, then try also increasing the [width here](https://i.imgur.com/jrpQ7RZ.png,).
 * As for the hover background – that should actually happen, maybe there is a minor
   style conflict. Either way, this should force that as wel:
 *     ```wp-block-code
       .asl_r .item {
           transition: all 0.2s;
       }
       .asl_r .item:hover {
           background: #ececec !important;
       }
       ```
   
 * All the best,
   Ernest
 *  Thread Starter [holdusback](https://wordpress.org/support/users/holdusback/)
 * (@holdusback)
 * [2 years ago](https://wordpress.org/support/topic/question-on-searchbox-customization/#post-17738432)
 * Thanks for the quick answer !
   The hover thing work like a charm, not the crop
   logo thing. I do think that its maybe cause wordpress crop the original logo,
   I even tried to change the source of the image in ASL, knowing that my original
   logo are no cropped but it change nothing sadly
 *  Plugin Author [wpdreams](https://wordpress.org/support/users/wpdreams/)
 * (@wpdreams)
 * [2 years ago](https://wordpress.org/support/topic/question-on-searchbox-customization/#post-17739049)
 * I made a mistake in the first custom CSS, can you try:
 *     ```wp-block-code
       img.asl_image {
           width: auto !important;
       }
       ```
   
 * All the best,
   Ernest
 *  Thread Starter [holdusback](https://wordpress.org/support/users/holdusback/)
 * (@holdusback)
 * [2 years ago](https://wordpress.org/support/topic/question-on-searchbox-customization/#post-17750203)
 * Yes ahah I’ve saw it before no worries, but I changed already and still dont 
   work 🙁 
   When I check the bfi_thumb folder I see them cropped.I suspect its cause
   of some wordpress core stuff… Cause my base image are in 840x525px and they are
   ofc no cropped. But the one wordpress do in other resolution are cropped (I never
   use them so no hurt)
 *  Plugin Author [wpdreams](https://wordpress.org/support/users/wpdreams/)
 * (@wpdreams)
 * [2 years ago](https://wordpress.org/support/topic/question-on-searchbox-customization/#post-17751543)
 * Okay, additionally to that custom CSS can you please try the following configuration:
    - disabled crop on performance options: [https://i.imgur.com/CfXbpsR.png](https://i.imgur.com/CfXbpsR.png)
    - original size on the instance settings: [https://i.imgur.com/vq1cqkx.png](https://i.imgur.com/vq1cqkx.png)
 * All the best,
   Ernest

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

The topic ‘Question on resultbox customization’ is closed to new replies.

 * ![](https://ps.w.org/ajax-search-lite/assets/icon-256x256.png?rev=3192672)
 * [Ajax Search Lite - Live Search & Filter](https://wordpress.org/plugins/ajax-search-lite/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ajax-search-lite/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ajax-search-lite/)
 * [Active Topics](https://wordpress.org/support/plugin/ajax-search-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ajax-search-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ajax-search-lite/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [wpdreams](https://wordpress.org/support/users/wpdreams/)
 * Last activity: [2 years ago](https://wordpress.org/support/topic/question-on-searchbox-customization/#post-17751543)
 * Status: not resolved