• 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.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author wpdreams

    (@wpdreams)

    Hi,

    Thank you for your kind words!

    • Try changing this option for the image crop: 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

    (@holdusback)

    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

    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

    (@wpdreams)

    Okays!

    For the images, can you please try this custom CSS:

    img.asl_image {
        width: autom !important;
    }

    If has no effect yet, then try also increasing the width here.

    As for the hover background – that should actually happen, maybe there is a minor style conflict. Either way, this should force that as wel:

    .asl_r .item {
        transition: all 0.2s;
    }
    .asl_r .item:hover {
        background: #ececec !important;
    }

    All the best,
    Ernest

    Thread Starter holdusback

    (@holdusback)

    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

    (@wpdreams)

    I made a mistake in the first custom CSS, can you try:

    img.asl_image {
        width: auto !important;
    }

    All the best,
    Ernest

    Thread Starter holdusback

    (@holdusback)

    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

    (@wpdreams)

    Okay, additionally to that custom CSS can you please try the following configuration:

    All the best,
    Ernest

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

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