Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Change button color on hover
This topic contains 4 replies, has 2 voices, and was last updated by yoann44487 4 years, 7 months ago.
- AuthorPosts
- January 15, 2020 at 2:33 pm #25295
Hi !
First of all, well done for your work!
At first, it’s super complicated to understand everything, but the result is nice!
There is one thing I cannot do:
> on the search button “TROUVER MON ARTISAN”
>>>> on this page https://point-artisans-nantes.com/
> I’m looking to display another color in hover for the background and for the text.
>>>> like this button
https://point-artisans-nantes.com/button/
Can you help me please ?
Thank you,
Yoann From France-
This topic was modified 4 years, 7 months ago by
yoann44487.
January 15, 2020 at 4:25 pm #25297Hi,
Thank you very much for your kind words!
Well, there is no option for that, but you might be able to replicate that via custom CSS, something like this:
.asp_m .promagnifier:hover * { background-image: none !important; background: black !important; color: #ffca07 !important; } /* Yellow icon */ .asp_m .promagnifier:hover .innericon { background-image: url("https://point-artisans-nantes.com/wp-content/uploads/2019/12/artisan-nantes-yellow.png") !important; }
In the second CSS section, you can upload a yellow version of the icon to the media library, and replace the URL in the code to that yellow icon URL – and then the icon color will also change.
Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
January 16, 2020 at 8:57 am #25299Ok ! It’s good !
Thank you very much.
Have a good day.January 16, 2020 at 9:18 am #25300You cannot access this content. Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
January 16, 2020 at 9:20 am #25301ok! let’s close this topic !
Last things…. if you could translate this plugin in french… it will be very cool !
-
This topic was modified 4 years, 7 months ago by
- AuthorPosts
You must be logged in to reply to this topic.