[Solved]: Change color of SVG on hover

Q&A about the latest versions
Post Reply
fnachtwey
Posts: 9
Joined: Mon Nov 09, 2020 12:22 pm

Hello all,

I use the standard skin "neto" in Pano2VR7 and would like the buttons (e.g. the "info button" in the left menu) to change colour when I move the mouse over them.

Currently the button gets a bit bigger, because another SVG is used for the mouse over effect. However, I would like the SVG to also change colour when hovering (from black to red).

How is this possible?

In my other skins I always use a second icon that is on top of the current one and changes when hovering. However, it would be nicer if I didn't have to do this manually for every button in the "neto" skin and if there was an easier way.


Many thanks in advance
Frank
Attachments
change_SVG_color_on_hover.png
change_SVG_color_on_hover.png (74.23 KiB) Viewed 308 times
Last edited by fnachtwey on Fri May 12, 2023 5:40 pm, edited 1 time in total.
fnachtwey
Posts: 9
Joined: Mon Nov 09, 2020 12:22 pm

Hello all,

I found part of the solution in this post: viewtopic.php?t=16412

If you change the icon, you can change the colour afterwards (and also the colour when hovering!).

Since I couldn't find the icons from the neto skin anywhere, I just downloaded them individually via the browser. Maybe someone knows if the icon set of the "neto" skin is available for download somewhere. That would make the adaptation a lot easier.


Many thanks and best regards
Frank
Attachments
Change_SVG_and_Color.png
Change_SVG_and_Color.png (21.69 KiB) Viewed 296 times
Post Reply