Archived topic

SGV hoover effect

3 replies · Started by Rostyslav on April 11, 2021

Viewing posts 1–4 of 4

April 11, 2021 at 10:34 am #1730141

Hello,

I designed an SVG map in illustrator and on this page I converted it to inline SVG: https://jakearchibald.github.io/svgomg/

I want to add a hover effect on that map on my site. I added a container block and inside the HTML block.

So now I don't know what HTML code to use.

Can you help to solve it?

Thanks!

April 11, 2021 at 10:41 am #1730148

Hi there,

Not sure if I fully understand.

What hover effect are you trying to achieve?

Please keep in mind that providing custom solution that aren't directly related to GP is out of the scope of this forum:
https://generatepress.com/what-support-includes/

April 11, 2021 at 11:39 am #1730190

html

<a class="logo-link" href="*******" title="******" rel="home">
<!-- SVG Code in here -->
</a>

css

.logo-link:hover svg {
    
}

Is this code correct for adding hover to an SVG?

April 11, 2021 at 2:30 pm #1730260

You can give that a shot first.

This archived topic is closed to new replies.