Change button color on hover

[yoann44487]

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 6 years, 4 months ago by yoann44487.

[Ernest Marcinko]

Hi,

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.

[yoann44487]

Ok ! It’s good !

Thank you very much.
Have a good day.

[Ernest Marcinko]

You cannot access this content.

[yoann44487]

ok! let’s close this topic !

Last things…. if you could translate this plugin in french… it will be very cool !

[Author]

Posts