I want to use custom icons in the footer of my page, have them link to my social media pages, and have the icon change color and slightly increase in size when hovering over it.
I have tried the following things however none have worked:
Uploaded icons as background image of Link Block. Changed the hover state of the link block to have a different background image so I get the color-change/scale effect that I want. When I preview, the icons aren’t visible. I read in a forum that you have to set a height to the link block, which I did, but they still aren’t appearing when I do that (I entered in a height of 75px).
I inserted an image element into my link blocks and uploaded my image to the image element. I don’t see an option to change the hover state of an image element. I also tried uploading my icon as the background image of the image block, but nothing shows up when I set the background image of an image element.
I tried changing the background image of the div blocks (and changing the hover image), then adding link blocks into them. That didn’t work either.
It seems there should be a simple way to do this but I can’t seem to figure it out.
Any help is much appreciated!