How to reduce the size of the links?

Question

How to reduce the size of the links?

I have svg icons wrapped in links. But the radius of the links is too big. It is necessary that hover was only when you hover over icons themselves, not around them.

The problem is that no matter how I size not asked the link - it never changes.

<li class="vk"><a href="#"><img src="_done_job_/app/img/social/vk.svg" alt="VK"></a></li>

.vk > a {
 width: 10px;
 height: 10px;
}

and decreases just a picture:

.vk > a > img {
 width: 10px;
 height: 10px;
}

maybe it's the mesh:

Vicky_Kassulke asked June 10th 19 at 16:37

Related questions

More answers about "How to reduce the size of the links?"

3 answers

Kali.Herman26 answered on · Answer 1 · 2019-06-10T14:39:09.111Z

Good afternoon.
The fact that you need to manipulate svg from the svg
open your svg in a text editor and edit it.
Example:

<svg xmlns="http://www.w3.org/2000/svg" the viewBox="0 0 734.56 911">//display options on page 
<defs><style>.a{fill:broun;}.b{fill:#005aaa;}</style>
</defs><title>comp2</title>
<rect class="a" x="200" y="99" width="310" height="318"/>//parameters x,y specify the location of an individual element, width, height - the height, width,
<rect class="b" x="300" y="93" width="280" height="280"/>
</svg>

norval.Rippin answered on · Answer 2 · 2019-06-10T14:41:09.111Z

Misha5, open the svg file - copy the code inside the links , and then using the css can access .vk > a > svg{width:10px; height: 10px;}

Leda15 answered on · Answer 3 · 2019-06-10T14:43:09.111Z

because it is necessary to press here

and see where the Shoe pinches