Anyone know how to get an SVG to change colors in tandem with the button states? ie On mouse hover: White button goes blue Blue text goes white blue svgs stays blue The SVG hover state controls don’t seem to connect to the button hover state so that doesn’t help.

you mean like this, if so there is an in this forum, cant find it at the moment, it was only a few weeks ago it is the svg’s information, depends which programme I have used to save

Thanks for linking that. So it’s supposed to just work (as I expected). I dropped a bootstrap svg into the drop zone and its behaving. My heroicon chevron right however, won’t change from black. Ive got all “remove attributes” turned on and no other things applied and it just stays black. maybe…

All depends on the svg attributes

Yes I figured the “remove Attributes” feature would get it working. Here is the issue: Top button uses heroicons. Next two are Bootstrap. All attributes removed.

if mine don’t work I open them in a graphics app and re save

if you could paste the svg here I can take a look as to why it’s not working :slight_smile:

I already pivoted to Tabler SVG with a hint of Bootstrap for social icons (I think they look better but also they have more brands). Im sure it was how I copied the code on my end. Just got confused but Im up and running :slight_smile: Thanks!

Button Hover States & SVG Drop zones

Elements

upssjw (Steve W) June 11, 2025, 3:49pm 3

might help direct

https://forums.realmacsoftware.com/t/top-pages-questions/47863?u=upssjw

Topic		Replies	Views
Accordion SVG Icons Elements	4	124	February 21, 2025
Top Pages Questions Elements	6	81	June 2, 2025
Changing Text Colour On Hover Elements	6	136	June 25, 2025
Hover Color Export Elements	2	61	October 5, 2024
Strange Problem Elements	3	118	March 24, 2026

Button Hover States & SVG Drop zones

Related topics