Hi,
I’m sorry, but I’m not sure I understand. Do you want to style the plugin like the elementor search box?
Can you please add a relevant URL where I can check that? I might be able to suggest some custom CSS.
Best,
Ernest M.
Hello,
Thank you for your reply. Yes, this is exactly what I need. I would like the autocomplete functionality of your plugin, but without changing the design of the search bar that is displayed here: https://mp3song.co/adele-rolling-in-the-deep/ (created with elementor).
I would love it if you could help me regarding any necessary CSS customization to achieve this result.
Regards,
Sure, select the curvy black theme, and then use this custom CSS:
.asl_w .probox {
border: none !important;
box-shadow: none !important;
padding: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
.asl_w .prosettings {
display: none !important;
}
.asl_w .probox,
.asl_w .probox >*,
.asl_w .probox input {
height: 42px !important;
background: white;
}
div.asl_w .probox input.orig {
padding-left: 22px !important;
}
.promagnifier {
background: #783295 !important;
padding: 0 24px !important;
border-radius: 0 21px 21px 0 !important;
box-shadow: none !important;
}
.promagnifier svg {
fill: white !important;
}
Best,
Ernest M.
I appreciate that. Although I think there is some adjustment to make. Can you check please? https://mp3song.co/adele-rolling-in-the-deep/ Thank you.
Nevermind. I tweaked around and managed to configure the design as it was. Thank you for the custom CSS.
However, I still have a few bugs in the layout:
-The animated icon is a bit odd. It’s not the same we had.
-The background behind the animation (or “close” icon) is white instead of transparent (or the color of the bar).
-And there is no border for the list of suggestion.
Can you tell me how I can fix this please? Thanks.
Regarding the border for the list of suggestions, my bad, there is one, but the color is very light. If you could give me a css code in which I can change this color.
Can you please add a relevant URL where I can check this?
Thanks,
Ernest M.
Thank you. Here’s a relevant URL where you can find the search bar: https://mp3song.co/adele-rolling-in-the-deep/
Regards,
Try these:
.proclose, .proloading {
background-color: #eceeef !important;
border-radius: unset !important;
}
div.asl_m .probox div.asl_simple-circle {
height: 24px !important;
}
div#ajaxsearchliteres1 {
border: 1px solid red;
}
The last one is for the border, the rest should fix up the loading and close icon.
Best,
Ernest M.
You are welcome 🙂
Feel free to rate the plugin if you like it, it is greatly appreciated!
I will mark this thread as resolved for now.
Rated 5 stars. Thanks again!
